/* ═══════════════════════════════════════════════════════════════
   PurpleRat — Panel Premium CSS v2 (Minimal — Vision UI override)
   Only bypass-specific layout styles remain here.
   Base design system is now in vision-ui.css
   ═══════════════════════════════════════════════════════════════ */

/* Build Studio 2-column layout */
.build-studio {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 24px;
    align-items: start;
}
.build-studio-preview {
    position: sticky;
    top: 98px;
}

@media (max-width: 1080px) {
    .build-studio {
        grid-template-columns: 1fr;
    }
    .build-studio-preview {
        position: static;
    }
}

/* Phone preview frame */
.phone-shell {
    margin: 0 auto;
    max-width: 280px;
    padding: 12px;
    border-radius: 32px;
    background: linear-gradient(145deg, #17181c, #06070a);
    box-shadow: 0 0 0 2px rgba(255,255,255,0.05), 0 22px 48px rgba(0,0,0,0.45);
}

.phone-notch {
    width: 96px;
    height: 20px;
    border-radius: 0 0 14px 14px;
    background: #090a0d;
    margin: 0 auto 8px;
}

.phone-screen {
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
    color: #202124;
    min-height: 500px;
    font-family: Roboto, Arial, sans-serif;
}