:root{--text-hero: 2rem;--text-h2: 1.25rem;--text-h3: 1.125rem;--text-body: .875rem;--text-small: .75rem;--text-label: .6875rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--surface-1: #0a0e1a;--surface-2: #0f1629;--surface-3: #151e35;--surface-4: #1c2847;--border-subtle: #1e2d4a;--border-active: #2a3f6e;--copy-badge-bg: #1e3a5f;--copy-badge-fg: #60a5fa;--visual-badge-bg: #451a03;--visual-badge-fg: #fbbf24;--page-badge-bg: #2e1065;--page-badge-fg: #a78bfa;--doc-badge-bg: #1e1b4b;--doc-badge-fg: #818cf8;--accent-green: #00E676;--accent-red: #E83521;--accent-amber: #F5C400;--accent-blue: #3B82F6;--text-secondary: #6b7280;--text-section: .6875rem;--letter-spacing-section: .1em;--status-unreviewed: #4b5563}.studio-grid{display:grid;grid-template-columns:380px 1fr;overflow:hidden}.studio-left-panel{border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.studio-right-panel{display:flex;flex-direction:column;padding:16px;gap:16px;overflow-y:auto;min-width:0}.type-strip-scroll{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.type-strip-scroll::-webkit-scrollbar{display:none}.brief-preview-card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;overflow-y:auto}.generate-sticky{position:sticky;bottom:0;padding:12px 0 0;background:var(--surface-1)}.review-grid{display:grid;grid-template-columns:260px 1fr 320px;overflow:hidden}.review-list-panel{border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden}.review-preview-panel{overflow-y:auto;padding:16px}.review-right-panel{border-left:1px solid var(--border-subtle);overflow-y:auto}.section-label{font-size:var(--text-section, .6875rem);letter-spacing:var(--letter-spacing-section, .1em);text-transform:uppercase;color:var(--text-secondary, #6b7280);font-weight:500}.card{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:8px}.card:hover{background:var(--surface-3);border-color:var(--border-active)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.unreviewed{background:var(--status-unreviewed, #4b5563)}.status-dot.approved{background:var(--accent-green)}.status-dot.flagged{background:var(--accent-amber)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;display:inline-block}@media (max-width: 600px){.studio-grid{grid-template-columns:1fr!important;height:auto!important;overflow:visible;margin:0!important}.studio-left-panel{border-right:none;border-bottom:1px solid var(--border-subtle);height:300px}.studio-right-panel{padding:12px}.generate-sticky{padding:12px 0}.review-grid{grid-template-columns:1fr!important;height:auto!important;overflow:visible}.review-right-panel{border-left:none;border-top:1px solid var(--border-subtle)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}*,*:before,*:after{box-sizing:border-box}