.viewer-grid{grid-template-columns:1fr 320px;gap:10px;display:grid}.viewer-main{background:var(--surface-soft);padding:14px}.viewer-header-arcade{justify-content:space-between;align-items:center;gap:10px;display:flex}.viewer-header-arcade h2{margin:4px 0 0}.viewer-header-actions{gap:8px;display:flex}.viewer-stage{border:1px solid var(--line);text-align:center;background:linear-gradient(#7686b729,#7686b714),radial-gradient(circle at 30% 15%,#7c98ff38,#0000 52%),repeating-linear-gradient(0deg,#fff6 0 1px,#f4f7fccc 1px 24px);border-radius:14px;place-items:center;min-height:430px;margin-top:10px;display:grid}.viewer-overlay-copy{max-width:640px;margin:8px auto 0}.viewer-play{border-radius:999px;width:58px;height:58px;padding:0}.viewer-scrubber{margin-top:10px;padding:10px}.viewer-side{align-content:start;gap:10px;padding:14px;display:grid}.cta-list,.annotation-list{gap:8px;display:grid}.annotation-item{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;width:100%;padding:10px}.annotation-item.active{background:#f3f6ff;border-color:#aac0ff}.annotation-item p{margin:6px 0 0}.processing-shell{color:#111827;min-height:100vh;font-family:var(--processing-font-text), "Manrope", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;background:#fff;padding:0 18px 28px}.processing-topbar{background:#fff;border-bottom:1px solid #e5e9f0;justify-content:space-between;align-items:center;gap:16px;min-height:80px;margin:0 -18px;padding:0 18px;display:flex}.processing-brand{align-items:center;gap:16px;min-width:0;display:flex}.processing-brand strong{min-width:0;max-width:min(54vw,720px);font-family:var(--processing-font-text), "Manrope", sans-serif;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:650;overflow:hidden}.processing-brand-mark{background:0 0;border-radius:999px;place-items:center;width:30px;height:30px;display:inline-grid;overflow:hidden}.processing-brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.processing-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.processing-home-link{color:#111827;background:#fff;border:1px solid #d8e0ec;border-radius:10px;place-items:center;width:42px;height:42px;text-decoration:none;transition:border-color .16s,color .16s,background .16s;display:inline-grid}.processing-home-link:hover{color:#2247ea;background:#f8fbff;border-color:#b8c4d8}.processing-actions .button-primary,.processing-actions .button-secondary{border-radius:10px;justify-content:center;align-items:center;min-height:42px;display:inline-flex}.processing-progress-track{background:0 0;width:100vw;height:2px;margin:-2px 0 0 -18px;overflow:hidden}.processing-progress-value{background:#2247ea;height:100%;transition:width .32s;position:relative}.processing-progress-value.is-complete{transition:none}.processing-progress-value:after{content:none}.processing-layout{grid-template-columns:minmax(250px,360px) minmax(0,1fr);align-items:stretch;gap:clamp(28px,4vw,72px);max-width:1980px;min-height:calc(100vh - 80px);margin:0 auto;display:grid}.processing-sidebar{background:0 0;border-right:1px solid #e5e9f0;align-content:center;gap:28px;min-height:calc(100vh - 80px);padding:28px 0 64px 28px;display:grid}.processing-sidebar-prompt{gap:4px;max-width:260px;display:grid}.processing-sidebar-prompt p{color:#111827;font-family:var(--processing-font-display), "Manrope", sans-serif;letter-spacing:-.012em;margin:0;font-size:clamp(1.28rem,1.45vw,1.62rem);font-weight:720;line-height:1.34}.processing-sidebar-label,.processing-sidebar-title{display:none}.processing-phase-list{align-items:center;gap:8px;min-height:16px;display:flex}.processing-phase-step{color:#0000;background:#e3e7ef;border:1px solid #0000;border-radius:999px;place-items:center;width:8px;height:8px;min-height:8px;padding:0;display:inline-grid}.processing-phase-step.is-current{background:#2448ea;width:28px}.processing-phase-step.is-done{background:#111827}.processing-phase-marker{display:none}.processing-output-stack{justify-items:start;gap:12px;display:grid}.processing-output-pill{color:#8b93a1;letter-spacing:-.01em;background:#f7f8fa;border:1px solid #0000;border-radius:12px;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;min-height:38px;padding:0 13px 0 10px;font-size:15px;font-weight:650;display:inline-flex}.processing-output-pill.is-active{color:#111827;background:#fff;border-color:#d8dee8}.processing-stage{background:#fff;border:0;border-radius:0;align-content:center;gap:0;min-height:min(760px,100vh - 176px);margin:clamp(56px,7vh,104px) clamp(20px,2.4vw,44px) clamp(28px,4vh,56px) 0;padding:0;display:grid}.processing-stage.is-failed{background:#fff}.processing-preview-canvas{gap:12px;display:grid}.processing-active-screen{aspect-ratio:16/9;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:16px;width:100%;min-height:clamp(460px,65vh,820px);position:relative;overflow:hidden}.processing-active-screen.is-demo{aspect-ratio:auto;background:0 0;border:0;border-radius:0;min-height:0;overflow:visible}.processing-build-animation{width:100%;height:100%;min-height:inherit;background:linear-gradient(90deg,#2247ea14 0 1px,#0000 1px 96px),linear-gradient(0deg,#2247ea14 0 1px,#0000 1px 96px),linear-gradient(#fbfcfe,#f4f7fb);align-content:center;place-items:center;gap:22px;display:grid;position:relative}.processing-build-orbit{place-items:center;width:172px;height:172px;display:grid;position:relative}.processing-build-orbit>span:not(.processing-build-mark){inset:calc(var(--orbit-index,0) * 22px);animation:1.9s ease-in-out infinite processing-build-pulse;animation-delay:calc(var(--orbit-index,0) * .14s);border:1px solid #2247ea2e;border-radius:999px;position:absolute}.processing-build-orbit>span:not(.processing-build-mark):nth-child(2){--orbit-index:1}.processing-build-orbit>span:not(.processing-build-mark):nth-child(3){--orbit-index:2}.processing-build-mark{z-index:1;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.processing-build-bars{gap:8px;display:flex}.processing-build-bars span{opacity:.9;background:#2247ea;border-radius:999px;width:42px;height:5px}.processing-build-bars span.is-upcoming{opacity:1;background:#d9e0ec;width:14px}.processing-active-screen-scan{display:none}.processing-build-footer{z-index:2;justify-items:center;gap:12px;width:min(720px,100% - 56px);display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.processing-preview-copy{background:#ffffffeb;border:1px solid #e2e7ef;border-radius:18px;align-items:center;gap:10px;max-width:100%;padding:11px 14px;display:inline-flex}.processing-preview-status{color:#111827;white-space:nowrap;align-items:center;gap:8px;padding:0;font-size:12px;font-weight:760;display:inline-flex}.processing-preview-copy h2{display:none}.processing-preview-copy p{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;font-weight:600;line-height:1.35;overflow:hidden}.processing-leave-note{z-index:2;color:#285d48;text-align:center;background:#f7fffaf0;border:1px solid #bfe8d3f2;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:min(640px,100% - 56px);margin:0;padding:11px 15px;font-size:12px;font-weight:760;line-height:1.45;display:inline-flex;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #12342614}.processing-leave-note svg{color:#128452;flex:none}.processing-screen-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.processing-screen-card{opacity:.42;background:0 0;border:0;border-radius:0;gap:7px;min-width:0;padding:0;transition:opacity .18s;display:grid;position:relative;transform:translateY(0)}.processing-screen-card.is-current{opacity:1;background:0 0}.processing-screen-card.is-done{opacity:.66}.processing-screen-thumb{aspect-ratio:16/9;background:#f2f5f9;border:1px solid #e2e7ef;border-radius:8px;overflow:hidden}.processing-screen-skeleton{background:linear-gradient(110deg,#edf2f8 8%,#f8fbff 18%,#edf2f8 33%) 0 0/220% 100%;place-items:center;width:100%;height:100%;animation:1.8s linear infinite processing-skeleton-shimmer;display:grid}.processing-screen-skeleton-mark{opacity:.34;width:34px;height:34px}.processing-screen-card-copy{min-width:0;display:none}.processing-screen-card-copy strong,.processing-screen-card-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.processing-screen-card-copy strong{color:#202a3d;font-size:12px;font-weight:800}.processing-screen-card-copy span{color:#7a8499;font-size:11px;font-weight:650}.processing-screen-card-live{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#2247ea;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.processing-preview-stats{flex-wrap:wrap;gap:8px;display:none}.processing-preview-stats span{color:#68748a;background:#fff;border:1px solid #dfe6f1;border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.processing-stage-support{color:#7b8494;text-align:center;margin:0;font-size:12px;font-weight:600}.processing-support-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@keyframes processing-skeleton-shimmer{to{background-position-x:-220%}}@keyframes processing-build-pulse{0%,to{opacity:.46;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.processing-progress-value:after,.processing-phase-step.is-current .processing-phase-marker,.processing-active-screen-scan,.processing-screen-skeleton,.processing-screen-card,.processing-build-orbit>span:not(.processing-build-mark){animation:none}.processing-screen-card{transition:none}}.processing-note{border:1px solid #0000;border-radius:14px;max-width:520px;margin:16px auto 0;padding:10px 14px;font-size:13px}.processing-note p{margin:0;line-height:1.5}.processing-note-warning{background:#fff8e7;border-color:#f2dfab}.processing-note-warning p{color:#7a6224}.processing-note-error{background:#fff5f5;border-color:#f1c9c9}.processing-note-error p{color:#a33434}.processing-failed-actions{gap:14px;display:grid}.processing-failed-buttons{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:1300px){.dashboard-toprow h1,.resources-block h2,.resource-card h3{font-size:24px}}@media (max-width:1180px){.processing-layout{grid-template-columns:1fr;gap:22px;min-height:0}.processing-sidebar{border:0;align-content:start;gap:18px;min-height:0;padding:28px 4px 0}.processing-sidebar-prompt{max-width:none}.processing-output-stack{flex-wrap:wrap;display:flex}.processing-stage{min-height:0;margin:0 0 36px}.processing-active-screen{min-height:clamp(360px,58vh,620px)}.arcade-workspace{grid-template-columns:231px 1fr}.preview-workspace{grid-template-columns:1fr}.preview-settings-panel{border-left:0;border-top:1px solid var(--line);max-height:360px}.design-inspector{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr;min-height:0}.inspector-tabs{border-left:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:start;padding:8px}}@media (max-width:1100px){.ui-dialog-backdrop{padding:12px}.share-dialog{grid-template-rows:auto minmax(0,1fr);min-height:min(560px,100vh - 24px)}.share-dialog-nav{padding-inline:18px}.share-dialog-heading{flex-wrap:wrap;gap:12px}.share-dialog-header{min-height:72px;padding:0 18px}.share-dialog-content{padding:20px 18px 28px}.share-link-topline,.share-section-header,.share-disabled-section,.share-export-row,.share-export-actions,.share-inline-actions{flex-direction:column;align-items:stretch}.share-export-row{display:flex}.share-export-segment{flex-wrap:wrap;min-width:0}.share-readonly-row,.share-inline-actions{grid-template-columns:1fr}.share-section-header .ui-button,.share-link-topline .ui-button,.share-inline-actions .ui-button,.share-disabled-section .ui-button,.share-export-actions .ui-button{width:100%}}@media (max-width:900px){.app-nav{display:none}.processing-shell{padding:0 14px 24px}.processing-topbar{align-items:center;min-height:72px;margin-inline:-14px;padding-inline:14px}.processing-progress-track{width:100vw;margin-left:-14px}.processing-actions{justify-content:flex-end}.processing-actions .button-primary,.processing-actions .button-secondary{flex:none}.processing-stage{border-radius:0;padding:0}.processing-active-screen{border-radius:14px;min-height:300px}.processing-build-footer{gap:8px;width:calc(100% - 24px);bottom:14px}.processing-preview-copy{border-radius:12px;justify-content:center;max-width:none;position:static;transform:none}.processing-leave-note{text-align:left;border-radius:14px;justify-content:flex-start;width:calc(100% - 24px);top:14px}.processing-preview-copy p{display:none}.processing-screen-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.processing-screen-card{grid-template-columns:1fr}.arcade-header{grid-template-columns:1fr;gap:8px;padding:10px}.arcade-header-tabs,.arcade-header-right{justify-content:flex-start}.editor-save-toast{left:50%;right:auto;transform:translate(-50%)}.arcade-workspace{grid-template-columns:1fr;height:auto}.preview-card{min-height:auto;padding:18px 14px 30px}.preview-stage-frame{width:100%}.share-popover{padding:22px 18px 0;top:48px;left:0;right:auto}.share-link-row{grid-template-columns:48px minmax(0,1fr)}.share-copy-btn,.share-edit-btn{grid-column:span 1}.share-community-row{margin:14px -18px 0;padding:0 18px;font-size:16px}.ui-dialog-backdrop{padding:12px}.share-dialog{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:min(440px,100vh - 24px)}.share-dialog-nav{padding:10px 12px 0}.share-dialog-tabs{flex:auto;overflow-x:auto}.share-dialog-tab-list{gap:4px;min-width:max-content;display:flex}.share-tab{border-bottom:2px solid #0000;border-radius:10px 10px 0 0;width:auto;min-height:46px}.share-tab.active{border-bottom-color:var(--accent)}.share-dialog-heading{flex-wrap:wrap;gap:12px}.share-dialog-header{min-height:72px;padding:0 18px}.share-dialog-content{padding:20px 18px 28px}.share-link-topline,.share-section-header,.share-disabled-section,.share-export-row,.share-export-actions,.share-inline-actions{flex-direction:column;align-items:stretch}.share-export-row{display:flex}.share-export-segment{flex-wrap:wrap;min-width:0}.share-readonly-row,.share-inline-actions{grid-template-columns:1fr}.share-section-header .ui-button,.share-link-topline .ui-button,.share-inline-actions .ui-button,.share-disabled-section .ui-button,.share-export-actions .ui-button{width:100%}.step-rail{border-right:0;border-bottom:1px solid var(--line)}.step-rail-inner{max-height:240px}.stage-overlay{max-width:none;bottom:12px;left:12px;right:12px;transform:none}.timeline-topline{grid-template-columns:1fr;justify-items:start}.timeline-right-icons{justify-self:start}.viewer-grid{grid-template-columns:1fr}}