:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f4;--ink:#050505;--muted:#666560;--line:#e2e1dc;--line-strong:#cfcec8;--surface:#efeee9;--surface-inner:#fff;--success:#26794f;--progress:#286bc5;--warn:#9f6200;--danger:#ba2b20}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}button,input{min-width:0;font:inherit}button{border:0}button,label{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}main{background:var(--bg);min-height:100svh;overflow-x:clip}.submission-shell{--page-gutter:28px;width:100%;padding:0 var(--page-gutter) 86px;margin:0}.submission-nav{z-index:10;max-width:100%;margin-inline:calc(var(--page-gutter) * -1);min-height:64px;padding-inline:var(--page-gutter);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f7f4eb;align-items:center;gap:34px;display:flex;position:sticky;top:0}.submission-nav a{color:var(--ink);font-size:.94rem;font-weight:560;text-decoration:none}.submission-nav span{color:var(--muted);margin-right:8px;font-weight:520}.challenge-section{border-top:1px solid var(--line);padding:58px 0 74px}.challenge-section:first-of-type{border-top:0}.app-section{min-height:auto}.shell{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-inner);border-radius:18px;width:100%;max-width:100%;margin:0 auto;padding:20px;box-shadow:0 20px 70px #201f1c14}.section-heading{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:26px;margin-bottom:34px;display:grid}.section-number{aspect-ratio:1;background:var(--ink);color:#fff;border-radius:12px;place-items:center;width:54px;font-size:.92rem;font-weight:620;display:grid}.section-heading h1,.section-heading h2{max-width:980px;color:var(--ink);margin-bottom:0;font-size:4.8rem;font-weight:430;line-height:.98}.topbar,.panel-head,.workflow-head,.upload-title,.generate-row,.detail-summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.topbar{min-height:50px;margin-bottom:20px;padding:0 4px}.brand-lockup strong{color:var(--ink);font-size:1.32rem;font-weight:650;line-height:1}.topbar-actions,.flow-steps,.summary-metrics{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.ghost-button{cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:0;min-height:50px;padding:0 24px;font-size:1rem;font-weight:520;line-height:1;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.primary-button:hover:not(:disabled){background:#24211e;border-color:#24211e}.ghost-button{border:1px solid var(--line-strong);color:var(--ink);background:0 0}.primary-button:disabled,.ghost-button:disabled,.danger-action:disabled{cursor:not-allowed;opacity:.42}.alert{color:#8d1f17;background:#fff0ee;border:1px solid #efb7af;border-radius:14px;margin:0 0 18px;padding:12px 16px;font-size:.95rem;font-weight:520}.studio-layout{grid-template-columns:minmax(250px,318px) minmax(0,1fr);align-items:stretch;gap:26px;min-width:0;max-width:100%;min-height:calc(100svh - 188px);display:grid}.project-sidebar,.workflow-panel{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-inner);border-radius:12px;min-width:0;max-width:100%}.project-sidebar{min-height:calc(100svh - 112px);padding:18px;position:sticky;top:86px}.workflow-panel{border:0;padding:0}.panel-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:12px;min-height:58px;padding-bottom:18px;display:grid}.panel-head>div{min-width:0}.panel-head h2{text-overflow:ellipsis;white-space:nowrap;font-size:1.28rem;font-weight:470;line-height:1.1;overflow:hidden}.panel-head>span,.upload-title>span,.generate-row>span{color:var(--muted);white-space:nowrap;font-size:.86rem;font-weight:500}.sidebar-new-project{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;width:100%;min-height:42px;margin-top:16px;font-size:.94rem;font-weight:560}.sidebar-new-project:hover{background:#24211e;border-color:#24211e}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.76rem;font-weight:620}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);margin-bottom:0;font-size:4.8rem;font-weight:430;line-height:.98}h2{color:var(--ink);margin-bottom:0;font-size:2.3rem;font-weight:450;line-height:1.04}h3{color:var(--ink);margin-bottom:10px;font-size:1.24rem;font-weight:520;line-height:1.18}.workflow-head,.detail-summary{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;max-width:100%;min-height:154px;padding:30px}.workflow-head{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:start;gap:30px;display:grid}.detail-summary{grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-items:end;gap:28px 36px;display:grid}.detail-summary .workflow-copy{grid-column:1;min-width:0}.detail-summary .summary-metrics{grid-area:1/2;justify-self:end;gap:14px;display:grid}.detail-summary .meter{grid-area:2/1/auto/-1;width:100%}.workflow-copy p{max-width:680px;color:var(--muted);overflow-wrap:break-word;margin:12px 0 0;font-size:1rem;line-height:1.48}.workflow-copy{min-width:0}.summary-metrics span{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.9rem;font-weight:520;display:inline-flex}.summary-metrics span:before{aspect-ratio:1;background:var(--line-strong);content:"";border-radius:999px;width:7px}.summary-metrics span:first-child:before{background:var(--success)}.summary-metrics span:nth-child(2):before{background:var(--progress)}.summary-metrics span:last-child:before{background:var(--danger)}.project-open em,.status-pill{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:.82rem;font-style:normal;font-weight:560;line-height:1.1;display:inline-flex}.project-open em:before,.status-pill:before{aspect-ratio:1;content:"";background:currentColor;border-radius:999px;width:7px}.flow-steps{--flow-step-gap:clamp(10px, 1.2vw, 18px);--flow-step-line:clamp(42px, 5vw, 76px);justify-content:center;align-items:center;gap:var(--flow-step-gap);width:100%;min-width:0;display:flex;overflow-x:auto}.flow-steps span{min-width:0;color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:10px;font-size:.9rem;font-weight:560;line-height:1;display:inline-flex;position:relative}.flow-steps span:before{border:1px solid var(--line-strong);content:"";background:0 0;border-radius:999px;width:7px;height:7px}.flow-steps span:not(:last-child):after{width:var(--flow-step-line);height:1px;margin-left:var(--flow-step-gap);background:var(--line-strong);content:"";flex:none}.flow-steps .active{color:var(--ink)}.flow-steps .active:before{border-color:var(--ink);background:var(--ink)}.create-form,.upload-block{box-sizing:border-box;border:1px solid var(--line);background:var(--surface-inner);border-radius:12px;width:100%;max-width:100%;margin-top:22px}.create-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;min-width:0;padding:24px;display:grid}label{gap:10px;min-width:0;display:grid}label span{color:var(--ink);font-size:.9rem;font-weight:560}input[type=text]{border:1px solid var(--line-strong);width:100%;min-height:52px;color:var(--ink);background:#fff;border-radius:999px;outline:0;padding:0 18px}input[type=text]::placeholder{color:#9c958c}input[type=text]:focus{border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px #00000014}input[type=text]:disabled{color:var(--muted);cursor:not-allowed}.upload-block{gap:22px;padding:24px;display:grid}.upload-title{min-height:64px}.upload-grid,.asset-preview,.source-assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.file-drop{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-content:start;gap:8px;min-height:190px;padding:22px;display:grid;position:relative;overflow:hidden}.file-drop:after{border-bottom:1px solid var(--ink);min-height:30px;color:var(--ink);content:"Choose files";justify-content:center;align-items:center;padding:0;font-size:.84rem;font-weight:560;display:inline-flex;position:absolute;bottom:18px;right:18px}.file-drop:hover{border-color:var(--ink);background:#fff}.file-drop.has-files{background:#f0f8ef;border-color:#9bbf9f}.file-drop-kicker,.file-drop small{color:var(--muted);font-size:.9rem;font-weight:500}.file-drop strong{color:var(--ink);font-size:1.7rem;font-weight:430;line-height:1.08}.file-drop input{cursor:pointer;opacity:0;position:absolute;inset:0}.asset-list{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:172px;padding:16px 0 0}.asset-list h3{margin:0 16px 14px;font-size:1rem;font-weight:620}.asset-list p,.empty-copy{color:var(--muted);margin-bottom:0;font-size:.92rem}.asset-list p{padding:0 16px 16px}ul{gap:0;margin:0;padding:0;list-style:none;display:grid}li{border-top:1px solid var(--line);min-width:0;color:var(--ink);grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 16px;font-size:.92rem;display:grid}li img{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:8px;width:46px}li span{gap:3px;min-width:0;display:grid}li strong,li small,figcaption,.project-open strong,.project-open small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}small{color:var(--muted)}.asset-list button,.danger-action{min-height:32px;color:var(--muted);cursor:pointer;background:0 0;border-bottom:1px solid #0000;padding:0;font-size:.78rem;font-weight:520}.asset-list button:hover,.danger-action:hover{border-bottom-color:var(--danger);color:var(--danger)}.danger-action{color:var(--danger);white-space:nowrap}.generate-row{min-height:58px;padding-top:4px}.generate-indicator{align-items:center;gap:8px;display:inline-flex}.generate-indicator:before{aspect-ratio:1;background:var(--line-strong);content:"";border-radius:999px;flex:none;width:8px}.generate-indicator.ready{color:var(--success)}.generate-indicator.ready:before{background:var(--success)}.project-list{gap:0;padding-top:10px;display:grid}.project-list article{border-bottom:1px solid var(--line);background:0 0;display:block;position:relative}.project-list article.active-project{background:0 0}.project-list article.active-project:before{background:var(--ink);content:"";border-radius:999px;width:2px;position:absolute;top:14px;bottom:14px;left:0}.project-open{width:100%;min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:0 0;gap:5px;padding:13px 0;display:grid}.active-project .project-open{padding-left:12px}.project-open small{color:var(--muted);font-size:.82rem}.empty-row{width:100%;min-height:112px;color:var(--ink);text-align:left;align-content:center;justify-items:start;gap:6px;margin-top:18px;padding:22px 0 0;display:grid}.empty-row span{color:var(--muted);font-size:.92rem;font-weight:500}.empty-row strong{color:var(--muted);font-size:.96rem;font-weight:450}.status-ready{color:var(--success)!important}.status-generating{color:var(--progress)!important}.status-draft,.status-queued,.status-uploading{color:var(--warn)!important}.status-failed{color:var(--danger)!important}.source-assets{margin-top:18px}.source-assets>div{border:1px solid var(--line);background:var(--surface-inner);border-radius:12px;min-height:178px;padding:18px}.generation-activity{border:1px solid var(--line);min-height:64px;color:var(--ink);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:0 16px;display:flex}.generation-activity span{border:3px solid var(--line);border-top-color:var(--ink);border-radius:999px;width:28px;height:28px;animation:.9s linear infinite spin}.generation-activity strong{font-size:.96rem;font-weight:560}.uploaded-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;display:grid}figure{margin:0}figure img{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;border-radius:8px;width:100%}figcaption{color:var(--muted);margin-top:6px;font-size:.78rem}.meter{background:var(--line);border-radius:999px;flex:none;height:6px;overflow:hidden}.meter span{border-radius:inherit;background:var(--ink);height:100%;transition:width .24s;display:block}.generation-empty{border:1px solid var(--line);background:var(--surface-inner);min-height:360px;color:var(--muted);border-radius:12px;place-items:center;gap:14px;margin-top:8px;display:grid}.generation-empty span{border:3px solid var(--line);border-top-color:var(--ink);border-radius:999px;width:36px;height:36px;animation:.9s linear infinite spin}.generation-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:18px;display:grid}.generation-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.image-pair{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.image-pair img,.generated-stub,.image-missing{aspect-ratio:1;object-fit:cover;background:var(--surface);width:100%}.generated-stub,.image-missing{color:var(--muted);text-transform:uppercase;place-items:center;font-size:.78rem;font-weight:560;display:grid}.generated-stub.active{background:linear-gradient(90deg, transparent, #ffffffb3, transparent), var(--surface);background-size:220% 100%;animation:1.2s ease-in-out infinite shimmer}.card-copy{gap:10px;padding:16px;display:grid}.card-copy p{color:var(--muted);margin-bottom:0;font-size:.9rem;font-weight:450}.card-meta-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.card-meta-row p{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-pill{margin-bottom:2px}.image-view-button{border-bottom:1px solid var(--line-strong);min-height:28px;color:var(--ink);cursor:pointer;background:0 0;flex:none;padding:0 0 2px;font-size:.84rem;font-weight:560;line-height:1}.image-view-button:hover{border-bottom-color:var(--ink)}.image-dialog-shell{z-index:50;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.image-dialog-backdrop{cursor:pointer;background:#05050594;position:absolute;inset:0}.image-dialog{z-index:1;background:var(--surface-inner);border:1px solid #ffffff47;border-radius:16px;width:min(100%,540px);max-height:calc(100svh - 56px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 90px #00000047}.image-dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:18px 20px;display:flex}.image-dialog-head h3{margin-bottom:0}.image-dialog-close{min-height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-bottom:1px solid #0000;padding:0;font-size:.86rem;font-weight:560}.image-dialog-close:hover{border-bottom-color:var(--ink);color:var(--ink)}.post-preview-stage{background:var(--surface);place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.post-preview-card{border:1px solid var(--line);width:min(100%,430px);color:var(--ink);background:#fff;border-radius:4px;overflow:hidden}.post-preview-head{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.post-avatar{aspect-ratio:1;background:var(--ink);color:#fff;border-radius:999px;place-items:center;width:36px;font-size:.9rem;font-weight:650;display:grid}.post-preview-head div:not(.post-avatar){gap:2px;min-width:0;display:grid}.post-preview-head strong,.post-preview-head span,.post-preview-body p,.post-preview-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.post-preview-head strong{font-size:.88rem;font-weight:620}.post-preview-head span{color:var(--muted);font-size:.74rem;font-weight:480}.post-preview-head button,.post-preview-actions button{min-height:28px;color:var(--ink);cursor:pointer;background:0 0;border-bottom:1px solid #0000;padding:0;font-size:.76rem;font-weight:560;line-height:1}.post-preview-head button:hover,.post-preview-actions button:hover{border-bottom-color:var(--ink)}.post-preview-media{aspect-ratio:1;background:#f5f5f2;place-items:center;display:grid;overflow:hidden}.post-preview-media img{object-fit:cover;width:100%;height:100%;display:block}.post-preview-body{gap:8px;padding:12px;display:grid}.post-preview-actions{align-items:center;gap:14px;display:flex}.post-preview-actions button:last-child{margin-left:auto}.post-preview-body>strong{font-size:.84rem;font-weight:620}.post-preview-body p{color:var(--ink);margin:0;font-size:.86rem;line-height:1.3}.post-preview-body b{font-weight:620}.post-preview-body small{color:var(--muted);text-transform:uppercase;font-size:.72rem}.build-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:24px;display:grid}.build-panel,.code-panel{border:1px solid var(--line);background:var(--surface-inner);border-radius:12px}.build-panel{padding:30px}.build-panel-wide{min-height:420px}.toolset-panel{grid-column:1/-1}.build-panel h3,.code-panel h3{margin-bottom:22px;font-size:1.8rem;font-weight:450;line-height:1.08}.build-list,.toolset-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.build-list li,.toolset-list li{color:var(--ink);border:0;padding:0 0 0 22px;font-size:1.02rem;line-height:1.55;display:block;position:relative}.build-list li:before,.toolset-list li:before{aspect-ratio:1;background:var(--ink);content:"";border-radius:999px;width:7px;position:absolute;top:.68em;left:0}.time-panel{background:var(--ink);color:#fff}.time-panel .eyebrow,.time-panel .fine-print{color:#ffffffa8}.time-panel h3{color:#fff}.time-stack{gap:16px;margin-top:32px;display:grid}.time-stack div{border-bottom:1px solid #ffffff2e;gap:8px;padding-bottom:16px;display:grid}.time-stack span{color:#ffffffad;font-size:.9rem}.time-stack strong{color:#fff;font-size:2.35rem;font-weight:430;line-height:1}.fine-print{color:var(--muted);margin:28px 0 0;font-size:.9rem;line-height:1.48}.code-section{padding-bottom:0}.code-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:34px;display:grid}.code-panel p{max-width:680px;color:var(--muted);margin-bottom:0;line-height:1.55}.code-link{border:1px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:.96rem;font-weight:560;text-decoration:none;display:inline-flex}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-80% 0}}@keyframes spin{to{transform:rotate(1turn)}}@media (width<=1080px){.submission-nav{gap:22px;overflow-x:auto}.section-heading h1,.section-heading h2,h1{font-size:3.8rem}.studio-layout{grid-template-columns:1fr;min-height:auto}.project-sidebar{min-height:auto;position:static}.build-layout,.code-panel{grid-template-columns:1fr}.build-panel-wide{min-height:auto}.code-link{justify-self:start}}@media (width<=760px){.submission-shell{--page-gutter:14px}.submission-nav{min-height:58px}.submission-nav a{white-space:nowrap;font-size:.86rem}.challenge-section{padding:42px 0 54px}.section-heading{grid-template-columns:1fr;gap:16px}.section-number{border-radius:10px;width:44px}.section-heading h1,.section-heading h2,h1{font-size:3rem;line-height:1}h2{font-size:1.85rem}h3{font-size:1.12rem}.shell{border-radius:14px;padding:14px}.topbar,.workflow-head,.upload-title,.generate-row,.detail-summary{flex-direction:column;align-items:flex-start}.workflow-head,.detail-summary,.create-form,.upload-block,.build-panel,.code-panel{padding:20px}.detail-summary{grid-template-columns:1fr;gap:22px}.detail-summary .summary-metrics{grid-area:2/1;justify-self:start;display:flex}.detail-summary .meter{grid-area:3/1}.flow-steps{--flow-step-gap:8px;--flow-step-line:24px;justify-content:flex-start}.workflow-panel{order:1}.project-sidebar{order:2}.workflow-copy,.workflow-copy p{width:100%;min-width:0;max-width:100%}.create-form,.upload-grid,.asset-preview,.source-assets,.generation-grid,.build-layout{grid-template-columns:1fr}.primary-button,.ghost-button{width:100%}.time-stack strong{font-size:2rem}.code-link{white-space:normal;text-align:center;width:100%}.image-dialog-shell{padding:12px}.image-dialog{max-height:calc(100svh - 24px)}.image-dialog-head{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.post-preview-stage{padding:12px}.post-preview-actions{gap:10px}}@media (width<=520px){.image-pair{grid-template-columns:1fr}}