.home-workspace-sections{gap:1.25rem;margin-top:1rem;display:grid}.home-workspace-section{background:0 0;border-radius:0;min-width:0;padding:1rem 0}.home-workspace-section.home-styles-section{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.home-section-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.home-section-heading h2{color:var(--ink);font-family:var(--font-body);letter-spacing:-.015em;font-size:.9375rem;font-weight:550;line-height:1.4}.home-section-heading>div{align-items:center;gap:.5rem;display:flex}.home-section-count{background:var(--surface-subtle);min-width:1.4rem;color:var(--ink-muted);text-align:center;font-variant-numeric:tabular-nums;border-radius:.5rem;padding:.1rem .375rem;font-size:.6875rem;font-weight:600;line-height:1.35}.home-section-heading a{min-height:2rem;color:var(--ink-muted);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;padding-inline:.25rem;font-size:.75rem;font-weight:500;line-height:1.4;transition:color .16s,background-color .16s;display:inline-flex}.home-section-heading a:hover{color:var(--ink);background:var(--surface-subtle)}.home-section-heading a:active{background:var(--surface-hover);transition:none}.home-section-heading .home-section-actions{gap:.625rem}.home-section-heading .home-add-style{background:var(--surface-subtle);width:2rem;color:var(--ink);border-radius:50%}.home-section-heading .home-add-style:hover{background:var(--surface-hover)}.home-section-error{background:var(--surface-subtle);color:var(--ink-muted);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1.25rem;padding:.875rem;font-size:.8125rem;line-height:1.5;display:flex}.home-section-error button{border:1px solid var(--border);background:var(--surface-raised);min-height:2.25rem;color:var(--ink);border-radius:.625rem;flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:background-color .16s}.home-section-error button:hover{background:var(--surface-hover)}.home-section-error button:active{background:var(--surface-subtle);transition:none}.home-quiet-state{color:var(--ink-muted);border-radius:1rem;align-items:center;gap:.75rem;font-size:.8125rem;line-height:1.5;display:flex}.home-quiet-state p{gap:.125rem;display:grid}.home-quiet-state strong{color:var(--ink);letter-spacing:-.012em;font-size:.875rem;font-weight:550}.home-empty-icon{border:1px solid var(--border);background:var(--surface-raised);width:2.75rem;height:2.75rem;color:var(--ink-muted);border-radius:.875rem;flex-shrink:0;place-items:center;display:grid}.home-progress-idle{color:var(--ink-muted);font-size:.8125rem;line-height:1.5}.home-progress-section[data-empty=true] .home-section-heading{min-height:2.75rem;margin-bottom:0}.home-library-empty{background:var(--surface-subtle);text-align:center;flex-direction:column;justify-content:center;gap:1rem;min-height:8rem;padding:1.5rem}.home-library-empty p{gap:.375rem;max-width:16rem}.home-library-empty .home-empty-icon{border-radius:1rem;width:3.25rem;height:3.25rem}.home-style-empty{transition:background-color .16s}.home-style-empty:hover{background:var(--surface-hover)}.home-style-empty:active{background:var(--surface-subtle);transition:none}.home-empty-action{color:var(--ink);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:inline-flex}.home-active-runs{gap:.5rem;display:grid}.home-active-run{background:0 0;border-radius:.875rem;grid-template-columns:5rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:5rem;padding:.75rem;transition:background-color .16s;display:grid}.home-active-run:hover,.home-active-run:focus-visible{background:var(--surface-hover)}.home-active-run:active{background:var(--border);transition:none}.home-run-thumbnail{background:var(--surface-hover);border-radius:.625rem;flex-shrink:0;width:5rem;height:2.8125rem;display:block;overflow:hidden}.home-active-copy{min-width:0;max-width:42rem}.home-active-copy h3{color:var(--ink);letter-spacing:-.012em;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:550;line-height:1.45;overflow:hidden}.home-active-stage{color:var(--ink-muted);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.6875rem;line-height:1.5;display:flex}.home-active-progress{background:var(--border);border-radius:1rem;height:.1875rem;margin-top:.5rem;overflow:hidden}.home-active-progress>span{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;display:block}.home-active-status{color:var(--ink-muted);align-items:center;gap:1rem;display:flex}.home-run-placeholder{background:var(--surface-subtle);border-radius:1rem;align-items:center;gap:1rem;min-height:5.5rem;padding:.875rem;display:flex}.home-completed-section .library-list{box-shadow:none;background:0 0;border:0;border-radius:0;gap:.5rem;padding:0}.home-completed-section .run-list-row{background:0 0;border-radius:.875rem;grid-template-columns:5.25rem minmax(0,1fr);gap:.875rem;min-height:4.5rem;margin:0;padding:.75rem}.home-completed-section .run-list-row:hover,.home-completed-section .run-list-row:focus-within{background:var(--surface-hover)}.home-completed-section .run-list-row:active{background:var(--border);transition:none}.home-completed-section .run-thumbnail{border-radius:.625rem;width:5.25rem;height:3.375rem}.home-completed-section .run-list-title{letter-spacing:-.012em;font-size:.8125rem;font-weight:550;line-height:1.45}.home-completed-section .run-list-meta{gap:.375rem;margin-top:.375rem;font-size:.6875rem}.home-completed-section .run-list-status,.home-completed-section .run-list-status-mobile{display:none}.home-recent-styles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem;display:grid}.home-style-preview{border-radius:1.25rem;height:10rem}.home-styles-section .home-section-heading{margin-bottom:1rem}@container workspace (min-width:920px){.home-workspace-sections{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.home-styles-section{grid-column:1/-1}.home-recent-styles{grid-template-columns:repeat(4,minmax(0,1fr))}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-progress-section{grid-column:1/-1}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-completed-section{grid-column:1/-1}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-completed-section .library-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-completed-section .run-list-row{grid-template-columns:4.5rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.5rem .75rem}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-completed-section .run-list-row+.run-list-row{border-top:0;border-left:1px solid var(--border);border-radius:0}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-completed-section .run-thumbnail{width:4.5rem;height:3rem}.home-workspace-sections:has(.home-progress-section[data-empty=true]) .home-completed-section .run-list-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (max-width:650px){.home-workspace-sections{gap:1rem;margin-top:1rem}.home-workspace-section{padding:1rem}.home-section-heading{gap:.5rem;margin-bottom:.75rem}.home-section-heading h2{font-size:1.3125rem}.home-section-heading .home-section-actions{gap:.25rem}.home-active-run{grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem;padding:.75rem}.home-active-run .home-run-thumbnail{width:3.5rem;height:2.625rem}.home-active-status{grid-column:2;justify-content:space-between;margin-top:-.25rem}.home-active-status>svg{display:none}.home-library-empty{min-height:8rem}.home-recent-styles{gap:.625rem}.home-completed-section .run-list-row{grid-template-columns:4.25rem minmax(0,1fr);gap:.75rem;padding:.75rem}.home-completed-section .run-thumbnail{width:4.25rem;height:3rem}}@media (pointer:coarse){.home-section-heading a,.home-section-error button{min-width:2.75rem;min-height:2.75rem}}@media (min-width:1024px) and (pointer:fine){.home-workspace-sections{gap:1rem;margin-top:.75rem}.home-workspace-section{border-radius:1rem;padding:.875rem}.home-section-heading{margin-bottom:.625rem}.home-section-heading h2{font-size:1.125rem}.home-section-heading a{min-height:1.75rem;font-size:.6875rem}.home-completed-section .run-list-row{min-height:3.75rem}.home-completed-section .run-list-title{font-size:.75rem}.home-completed-section .run-list-meta{margin-top:.25rem}.home-styles-section .home-section-heading{margin-bottom:.625rem}.home-styles-section .home-style-card .style-discovery-stage{border-radius:1rem;height:8rem}}@media (prefers-contrast:more){.home-active-run,.home-completed-section .run-list-row,.home-quiet-state{outline:1px solid var(--ink-muted);outline-offset:-1px}}@media (prefers-reduced-motion:reduce){.home-active-progress>span,.home-active-status>svg{transition:none}}.home-workspace-section{border-top:1px solid var(--border)}.home-workspace-section.home-styles-section{border-top:1px solid var(--border);padding-top:1rem}.home-progress-section[data-empty=true]{border:0;border-radius:0;padding:0 .25rem}.home-workspace-sections{gap:.5rem}
.home-clip-preview{isolation:isolate;text-align:left;color:#f8f4eb;flex:none;width:min(100%,24rem);padding:0 .25rem;position:relative}.clip-showcase-stage{perspective:800px;height:14.5rem;position:relative}.clip-showcase-card{transform-origin:50% 70%;width:7rem;margin-left:-3.5rem;position:absolute;top:.375rem;left:50%}.clip-showcase-frame{background:#1b2226;border:1px solid #ffffff38;border-radius:.4375rem;padding:2px;display:block;position:relative;box-shadow:0 6px 14px #08182429,0 17px 30px #08182440}.clip-showcase-card[data-front=true] .clip-showcase-frame{border-color:#ffffff61;box-shadow:0 6px 16px #0717232e,0 22px 35px #07172352}.clip-showcase-media{aspect-ratio:9/16;background:var(--media-stage);border-radius:.25rem;position:relative;overflow:hidden}.clip-showcase-video{object-fit:contain;opacity:0;width:100%;height:100%;display:block}.clip-showcase-media[data-ready=true] .clip-showcase-video{opacity:1}.clip-showcase-loading{color:#dddcd4;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;padding:1rem .375rem;font-size:.5rem;line-height:1.4;display:flex;position:absolute;inset:0}.clip-showcase-loading>span{background:linear-gradient(135deg,#2e393d,#1e292e);border:1px solid #626c70;border-radius:2px;width:1.25rem;height:1.75rem}.clip-showcase-open{background:var(--media-control);color:#fff;opacity:0;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:1.25rem;height:1.25rem;transition:opacity .16s;display:grid;position:absolute;top:.5rem;right:.5rem}.clip-showcase-frame:hover .clip-showcase-open,.clip-showcase-frame:focus-visible .clip-showcase-open{opacity:1}.clip-showcase-frame:focus-visible{outline-offset:4px;outline:2px solid #f8f4eb}.clip-showcase-footer{justify-content:space-between;align-items:center;gap:.5rem;min-height:2.25rem;padding:0 .125rem;display:flex}.clip-showcase-caption{text-shadow:0 1px 5px #081a2847;gap:.125rem;min-width:0;display:grid}.clip-showcase-caption>span{color:#e0e9e4;letter-spacing:.015em;font-size:.5625rem;font-weight:450}.clip-showcase-caption>a{text-overflow:ellipsis;white-space:nowrap;color:#f8f4eb;font-size:.6875rem;font-weight:450;line-height:1.45;overflow:hidden}.clip-showcase-caption>a:hover{text-underline-offset:3px;text-decoration:underline}.clip-showcase-controls{flex:none;align-items:center;gap:.125rem;display:flex}.clip-showcase-dots{gap:0;display:flex}.clip-showcase-dots button{background:0 0;border:0;border-radius:.25rem;place-items:center;width:1.125rem;height:2rem;display:grid}.clip-showcase-dots button span{opacity:.55;background:#f8f4eb;border-radius:50%;width:.25rem;height:.25rem;transition:transform .16s,opacity .16s,background .16s}.clip-showcase-dots button[aria-pressed=true] span{background:var(--coral);opacity:1;transform:scale(1.3)}.clip-showcase-dots button:hover span{opacity:1}.clip-showcase-toggle{color:#f8f4eb;background:#0c22311a;border:1px solid #f8f4eb59;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:background-color .16s,border-color .16s;display:inline-flex}.clip-showcase-toggle:hover{background:#f8f4eb1f;border-color:#f8f4eb99}.clip-showcase-toggle:active{background:#f8f4eb33;transition:none}.clip-showcase-controls button:focus-visible,.clip-showcase-caption a:focus-visible{outline-offset:3px;outline:2px solid #f8f4eb}.clip-showcase-empty{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.clip-showcase-illustration{height:11.5rem;position:relative}.clip-showcase-source{background:#24455a;border:1px solid #efefe240;border-radius:.4375rem;flex-direction:column;justify-content:center;gap:.375rem;width:7.125rem;height:5rem;padding:.75rem;display:flex;position:absolute;top:3rem;left:6%;transform:rotate(-6deg);box-shadow:0 12px 25px #08182426}.clip-showcase-source>span,.clip-showcase-paper>span{color:#d6e1e0;letter-spacing:.09em;font-size:.4375rem;font-weight:500}.clip-showcase-source>strong{color:#f8f4eb;font-family:var(--font-display);letter-spacing:-.03em;font-size:1.5rem;font-weight:400;line-height:1}.clip-showcase-wave{opacity:.6;align-items:center;gap:3px;height:1.5rem;display:flex}.clip-showcase-wave i{background:var(--coral);border-radius:2px;width:2px}.clip-showcase-connection{color:#d6e1e0;position:absolute;top:5.25rem;left:44%}.clip-showcase-paper{background:#24455a;border:1px solid #efefe252;border-radius:.4375rem;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;width:5.0625rem;height:9rem;display:flex;position:absolute;top:.75rem;left:61%;transform:rotate(6deg);box-shadow:0 18px 30px #0818242e}.clip-showcase-paper>strong{color:#f8f4eb;font-family:var(--font-display);letter-spacing:-.05em;font-size:2.5rem;font-weight:400;line-height:1}.clip-showcase-paper>em{color:#d6e1e0;font-family:var(--font-display);font-size:.8125rem}.clip-showcase-paper-back{background:#294b5e;transform:translate(-1.375rem,.5rem)rotate(-10deg)}.clip-showcase-paper-middle{background:#345669;transform:translate(-.625rem,.1875rem)rotate(-2deg)}.home-clip-preview .clip-showcase-empty-caption{color:#e0e9e4;text-align:center;text-shadow:0 1px 5px #081a2847;margin:.25rem 0 0;font-size:.625rem;line-height:1.5}@media (max-width:650px){.home-clip-preview{width:min(100%,21rem);margin-inline:auto;padding-inline:0}.clip-showcase-stage{height:12.5rem}.clip-showcase-card{width:6rem;margin-left:-3rem}.clip-showcase-footer{gap:.375rem;padding-inline:0}.clip-showcase-caption>span{font-size:.5625rem}.clip-showcase-source{width:6.5rem;left:3%}.clip-showcase-paper{left:61%}.clip-showcase-connection{left:42%}}@media (pointer:coarse){.clip-showcase-dots button,.clip-showcase-toggle{width:2.75rem;height:2.75rem}.clip-showcase-open{opacity:1}}@media (prefers-reduced-motion:reduce){.clip-showcase-dots button span,.clip-showcase-open,.clip-showcase-toggle{transition:none}}@media (prefers-reduced-transparency:reduce){.clip-showcase-toggle{background:#193748}}@media (prefers-contrast:more){.clip-showcase-frame,.clip-showcase-toggle,.clip-showcase-source,.clip-showcase-paper{border-color:#f8f4eb}.clip-showcase-caption>span{color:#fff}}
.silver-screen{isolation:isolate;padding:0 1.5rem;position:relative}.silver-atmosphere{--hero-silver:#cce0e594;--hero-pearl:#ebe3d242;--hero-pointer:#eff5f152;--hero-shade:#182e3ead;z-index:-1;pointer-events:none;contain:paint;background:linear-gradient(0deg,var(--screen-caption),transparent 60%),linear-gradient(115deg,var(--screen-start),var(--screen-mid) 57%,var(--screen-end));border-radius:14px;position:absolute;inset:0 0 3.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#000b 89%,#0000);mask-image:linear-gradient(#000 78%,#000b 89%,#0000)}.silver-light{background:radial-gradient(ellipse 32% 70% at 68% 37%,var(--hero-silver),transparent 78%),radial-gradient(ellipse 30% 70% at 28% 42%,var(--hero-pearl),transparent 80%);position:absolute;inset:-25%}.silver-pointer{background:radial-gradient(ellipse,var(--hero-pointer),transparent 70%);width:520px;height:360px;position:absolute;top:0;left:0;translate:-50% -50%}.silver-shade{background:var(--hero-shade);position:absolute;inset:0}.silver-screen .submission-heading{justify-content:space-between;align-items:center;gap:2rem;min-height:20rem;margin:0;padding:1.5rem .25rem 1.75rem;display:flex;position:relative}.silver-screen .submission-heading>div:first-child{flex:1;min-width:0}.silver-screen .submission-heading h1{color:var(--screen-ink);letter-spacing:-.035em;font-size:2rem;line-height:1.1}.silver-screen .submission-heading h1 em{color:var(--screen-ink);letter-spacing:-.025em;font-size:1.35em}.silver-screen .submission-heading h1:after{content:"";background:var(--coral);border-radius:3px;width:2.5rem;height:3px;margin-top:1.125rem;display:block}.silver-screen .submission-heading p{max-width:32ch;color:var(--screen-muted);margin-top:1rem;font-size:.8125rem;line-height:1.6}.silver-screen .submission-body{margin-top:-.75rem;position:relative}.silver-screen .submission-info{margin-top:.75rem}.submission-page .home-workspace-sections{padding-inline:1.5rem}@media (min-width:1024px){.submission-page{padding-top:1.25rem}}@media (max-width:760px){.silver-screen{padding:0 1rem}.silver-screen .submission-heading{gap:1.5rem;padding:1.75rem .25rem 2.25rem}.silver-screen .submission-heading h1{font-size:2rem}.silver-screen .submission-heading p{font-size:.75rem}.submission-page .home-workspace-sections{padding-inline:0}}@media (max-width:650px){.silver-screen .submission-heading{flex-direction:column;align-items:stretch;gap:.5rem;padding:1.25rem .25rem}.silver-screen .submission-heading h1{font-size:2rem}.silver-screen .submission-heading h1 br{display:block}.silver-screen .submission-heading h1 em{margin-top:0}.silver-screen .submission-heading h1:after{width:2rem;margin-top:.875rem}.silver-screen .submission-heading p{max-width:34ch;margin-top:.875rem}.silver-screen .submission-body{margin-top:0}.silver-atmosphere{background:linear-gradient(140deg,var(--screen-start),var(--screen-mid) 75%,var(--screen-end));inset:0 -.25rem 4rem}}@media (prefers-reduced-motion:reduce){.silver-pointer{display:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.silver-light,.silver-pointer,.silver-shade{display:none}.silver-atmosphere{background:var(--screen-start);-webkit-mask-image:none;mask-image:none}}