:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Avenir Next", "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--bg:#0a0c0b;--bg-elevated:#11130f;--surface:#171914;--surface-2:#202318;--surface-3:#2a2f21;--surface-warm:#211b16;--line:#f6f1e01c;--line-strong:#f6f1e033;--text:#fbf7ea;--muted:#b8b4a7;--faint:#858173;--brand:#79f2b7;--brand-2:#89b8ff;--brand-3:#ffd36f;--accent:#ff8b78;--danger:#ff6f91;--warning:#ffd166;--success:#65e6a7;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--shadow:0 22px 70px #00000057;--shadow-soft:0 14px 34px #0000003d}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}html{background:var(--bg)}body{font-family:var(--font-sans);background:linear-gradient(180deg, #ffd36f12, transparent 360px), linear-gradient(115deg, #79f2b713, transparent 520px), repeating-linear-gradient(90deg, #ffffff05 0, #ffffff05 1px, transparent 1px, transparent 76px), var(--bg);color:var(--text);text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,p{margin:0}img,video{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #79f2b7d9}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, #202318eb, #0a0c0bf5), var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:1.2rem;height:100vh;padding:1rem;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:.75rem;min-height:48px;padding:0 .2rem;font-size:1.08rem;font-weight:850;display:flex}.brand-mark{aspect-ratio:1;border-radius:var(--radius-md);color:#07100c;background:linear-gradient(135deg, var(--brand), var(--brand-3));place-items:center;width:36px;display:grid;box-shadow:0 10px 24px #79f2b72e}.nav-list,.sidebar-footer{gap:.35rem;display:grid}.sidebar-footer{margin-top:auto}.nav-item{border-radius:var(--radius-md);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.7rem;padding:0 .78rem;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex;position:relative}.nav-item:hover{color:var(--text);border-color:var(--line);background:#f6f1e00b;transform:translate(2px)}.nav-item.active{color:var(--text);box-shadow:inset 3px 0 0 var(--brand);background:linear-gradient(135deg,#79f2b724,#ffd36f14);border-color:#79f2b747}.nav-item.secondary{color:var(--faint)}.as-button{text-align:left;width:100%}.main-content{justify-self:center;width:100%;min-width:0;max-width:1540px;padding:1.25rem 2rem 2.75rem}.app-alert{border-radius:var(--radius-md);color:var(--text);box-shadow:var(--shadow-soft);background:#ff6f911f;border:1px solid #ff6f9170;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem .9rem;display:flex}.mobile-tabbar{display:none}.select-label{color:var(--faint);gap:.4rem;padding:.5rem .75rem;font-size:.8rem;display:grid}.select-label select,select,input,textarea{width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e00b;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}input,textarea,select{padding:.78rem .88rem}textarea{resize:vertical;min-height:112px;line-height:1.5}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}input[type=checkbox]{width:1.15rem;min-width:1.15rem;height:1.15rem;accent-color:var(--brand);padding:0}input:focus,textarea:focus,select:focus{background:#f6f1e012;border-color:#79f2b7b8;box-shadow:0 0 0 3px #79f2b71f}.page{gap:1.15rem;min-width:0;display:grid}.section-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.section-header>*{min-width:0}.section-header.compact{align-items:center}.section-header h1{letter-spacing:0;max-width:13ch;font-size:3.55rem;line-height:.96}.section-header h2{font-size:1.18rem;line-height:1.2}.section-header p,.muted{color:var(--muted)}.section-header p{max-width:62ch;line-height:1.45}.hero-band{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(140deg, #79f2b72e, transparent 46%), linear-gradient(25deg, #ff8b781f, transparent 45%), linear-gradient(315deg, #89b8ff21, transparent 50%), var(--surface);min-height:252px;box-shadow:var(--shadow);align-content:end;gap:1.05rem;padding:2rem;display:grid;position:relative;overflow:hidden}.hero-band:after{content:"";opacity:.28;pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff0e 0 1px,#0000 1px 18px);position:absolute;inset:0}.hero-band>*{z-index:1;position:relative}.hero-band.compact-hero{background:linear-gradient(135deg, #79f2b71a, #ffd36f0b), var(--surface);min-height:auto;box-shadow:var(--shadow-soft);align-content:center;padding:1.25rem}.hero-band.compact-hero:after{opacity:.12}.compact-hero .section-header h1{max-width:none;font-size:2.2rem;line-height:1.05}.feed-hero{min-height:276px}.feed-hero .section-header{align-items:flex-end}.feed-hero .primary-button{min-width:108px}.discover-hero{min-height:252px}.create-hero{min-height:176px}.create-hero .section-header p{max-width:min(100%,44rem)}.toolbar,.segmented,.row{flex-wrap:wrap;align-items:center;gap:.6rem;min-width:0;display:flex}label.row{min-height:44px}.segmented{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e00a;padding:.25rem}.segmented button{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.chip,.segmented button,.primary-button,.secondary-button,.danger-button,.ghost-button,.icon-button{border:1px solid var(--line);border-radius:var(--radius-md);max-width:100%;min-height:42px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;background:#f6f1e00e;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.chip:hover,.segmented button:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--line-strong);background:#f6f1e014;transform:translateY(-1px)}.chip,.segmented button{color:var(--muted);padding:.35rem .82rem;font-weight:700}.chip.active,.segmented button.active{color:#07100c;background:linear-gradient(135deg, var(--brand), var(--brand-3));border-color:#0000;box-shadow:0 10px 22px #79f2b724}.chip-scroller{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding-bottom:.08rem;padding-right:1.25rem;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.chip-scroller::-webkit-scrollbar{display:none}.chip-scroller .chip{flex:none}.primary-button,.secondary-button,.danger-button,.ghost-button{text-align:center;justify-content:center;align-items:center;gap:.45rem;padding:.38rem 1rem;font-weight:800;line-height:1.15;display:inline-flex}.primary-button svg,.secondary-button svg,.danger-button svg,.ghost-button svg,.icon-button svg{flex:none}.primary-button{color:#07100c;background:linear-gradient(135deg, var(--brand), var(--brand-3));border-color:#0000;box-shadow:0 14px 28px #79f2b729}.secondary-button{background:#89b8ff1f;border-color:#89b8ff47}.danger-button{color:#fff;background:#ff6f9124;border-color:#ff6f915c}.ghost-button{background:0 0}.icon-button{place-items:center;width:42px;min-width:42px;padding:0;display:inline-grid}.icon-button.primary{color:#07100c;background:linear-gradient(135deg, var(--brand), var(--brand-3));border-color:#0000}.icon-button.subtle{color:var(--muted);background:0 0}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.feed-grid{align-items:stretch}.dense-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.85rem;display:grid}.playable-card,.panel,.auth-panel{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-soft);background:linear-gradient(#f6f1e009,#0000),#171914e6}.playable-card{transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.playable-card:hover{box-shadow:var(--shadow);border-color:#79f2b742;transform:translateY(-3px)}.tile-media{aspect-ratio:16/10;background:linear-gradient(135deg, #79f2b72e, #ff8b781f), var(--surface-2);display:block;position:relative;overflow:hidden}.tile-media.fallback-media{background:radial-gradient(circle at 30% 24%,#79f2b738,#0000 34%),radial-gradient(circle at 76% 78%,#ffd36f21,#0000 34%),linear-gradient(145deg,#273623f5,#191813fa)}.tile-media:after{content:"";opacity:.85;background:linear-gradient(#00000014,#0000007a);transition:opacity .18s;position:absolute;inset:0}.tile-media.fallback-media:after{opacity:.42}.playable-card:hover .tile-media:after{opacity:.62}.playable-card:hover .fallback-media:after{opacity:.32}.tile-media img,.tile-media video{object-fit:cover;width:100%;height:100%;transition:transform .22s}.playable-card:hover .tile-media img,.playable-card:hover .tile-media video{transform:scale(1.035)}.tile-fallback{z-index:1;width:100%;height:100%;color:var(--brand);text-align:center;align-content:center;place-items:center;gap:.55rem;font-size:1.8rem;display:grid;position:relative}.tile-fallback span{aspect-ratio:1;border-radius:var(--radius-md);background:#0a0c0b5c;border:1px solid #79f2b738;place-items:center;width:58px;display:grid;box-shadow:0 18px 34px #0003}.tile-fallback small{color:var(--text);font-size:.85rem;font-weight:850}.media-category,.play-chip{z-index:1;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0c0bc2;border:1px solid #ffffff2e;align-items:center;gap:.35rem;min-height:30px;padding:0 .65rem;display:inline-flex;position:absolute}.media-category{color:var(--brand-3);font-size:.8rem;font-weight:800;top:.7rem;left:.7rem}.play-chip{color:var(--text);font-weight:800;bottom:.7rem;right:.7rem}.card-body{gap:.68rem;padding:.95rem;display:grid}.card-kicker{color:var(--faint);justify-content:space-between;align-items:center;gap:.65rem;font-size:.78rem;display:flex}.creator-link{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.creator-link:hover{color:var(--brand)}.card-title{font-size:1.06rem;line-height:1.22}.card-title a:hover{color:var(--brand)}.card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.42;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:.35rem;display:flex}.tag-pill{border:1px solid var(--line);border-radius:var(--radius-sm);max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#f6f1e00a;padding:.22rem .48rem;font-size:.76rem;overflow:hidden}.card-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;display:flex}.card-meta span{border-radius:var(--radius-sm);background:#f6f1e005;border:1px solid #f6f1e013;align-items:center;gap:.28rem;min-height:24px;padding:0 .4rem;display:inline-flex}.card-meta svg{opacity:.72}.card-actions{flex-wrap:wrap;gap:.45rem;padding-top:.05rem;display:flex}.card-actions .icon-button{width:40px;min-width:40px;min-height:40px}.card-actions .icon-button.primary,.card-actions .icon-button:hover{box-shadow:0 10px 20px #79f2b714}.card-actions .social-primary.subtle{color:var(--brand);background:#79f2b70f;border-color:#79f2b73d}.card-actions .social-primary.subtle:hover{background:#79f2b71a;border-color:#79f2b761}.panel{padding:1rem}.panel.prominent{background:linear-gradient(135deg,#79f2b717,#ffd36f0b),#171914eb}.create-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);align-items:start;gap:1rem;display:grid}.creator-rail{gap:.85rem;display:grid;position:sticky;top:1.25rem}.creator-rail .chip{text-align:left;justify-content:flex-start;width:100%}.composer-panel{gap:.9rem;padding:1.1rem;display:grid}.composer-panel .chat-transcript{min-height:clamp(292px,38vh,430px);max-height:52vh}.composer-empty{text-align:center;place-self:center;max-width:32rem}.send-button{white-space:nowrap;min-width:140px;padding-inline:1.2rem}.collapsible-panel{min-width:0}.collapsible-panel summary{min-height:44px;color:var(--text);cursor:pointer;border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.75rem;font-weight:850;list-style:none;display:flex}.collapsible-panel summary span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.collapsible-panel summary::-webkit-details-marker{display:none}.collapsible-panel summary svg{color:var(--muted);transition:transform .16s,color .16s}.collapsible-panel[open] summary>svg,.collapsible-panel[open] summary .row svg:last-child{color:var(--brand);transform:rotate(180deg)}.summary-count{border-radius:var(--radius-sm);min-width:28px;min-height:28px;color:var(--brand);background:#79f2b714;border:1px solid #79f2b733;justify-content:center;align-items:center;margin-left:auto;padding:0 .45rem;font-size:.8rem;font-weight:850;display:inline-flex}.collapsible-content{gap:.75rem;padding-top:.75rem;display:grid}.composer-options{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e009;padding:0 .8rem}.composer-options[open]{padding-bottom:.8rem}.quick-starts-panel{padding:.9rem}.quick-start-list{gap:.55rem}.quick-start-list .chip{background:#f6f1e00b;border-color:#79f2b729;min-height:46px;padding-inline:.8rem}.two-column,.discover-layout,.detail-layout,.settings-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);align-items:start;gap:1rem;display:grid}.discover-layout{grid-template-columns:minmax(0,1fr) minmax(260px,.36fr)}.detail-layout{grid-template-columns:minmax(0,1.38fr) minmax(320px,.62fr)}.playable-stage,.detail-sidebar{gap:.9rem;display:grid}.detail-summary{gap:1rem;display:grid}.detail-title{max-width:18ch;font-size:2.1rem;line-height:1.08}.generation-wait{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-content:center;align-items:center;min-height:min(68vh,680px)}.generation-wait-copy{gap:1rem;max-width:760px;display:grid}.generation-wait-copy h1{max-width:12ch}.generation-wait-copy>p{max-width:60ch;color:var(--muted);font-size:1.05rem;line-height:1.55}.status-chip{border-radius:var(--radius-md);width:fit-content;min-height:34px;color:var(--brand);background:#79f2b717;border:1px solid #79f2b757;align-items:center;gap:.45rem;padding:0 .7rem;font-weight:800;display:inline-flex}.generation-meter{background:#ffffff14;border-radius:999px;width:min(100%,420px);height:8px;overflow:hidden}.generation-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), var(--brand-2), var(--brand-3));width:42%;height:100%;animation:1.7s ease-in-out infinite alternate generation-meter;display:block}.generation-prompt{gap:.35rem;max-width:720px;padding-top:.25rem;display:grid}.generation-prompt strong{color:var(--text);font-size:.85rem}.generation-prompt p{color:var(--muted);-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.generation-wait-steps{gap:.7rem;display:grid}.generation-wait-steps div{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff0b;gap:.25rem;padding:.9rem;display:grid}.generation-wait-steps strong{color:var(--text)}.generation-wait-steps span{color:var(--muted);line-height:1.45}.playable-frame{border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:100%;min-height:min(74vh,820px);box-shadow:var(--shadow);background:#000}.empty-frame{color:var(--muted);place-items:center;display:grid}.comments-panel{gap:.85rem;display:grid}.comment-form,.composer-form{grid-template-columns:minmax(0,1fr) 42px;gap:.5rem;display:grid}.composer-form{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.composer-form input{min-height:50px}.search-box{border:1px solid var(--line);border-radius:var(--radius-md);background:#0a0c0b6b;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:.65rem;width:min(100%,760px);padding:0 .8rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff05}.search-box input{box-shadow:none;background:0 0;border:0}.comment-list{gap:.65rem;display:grid}.comment-row{border:1px solid var(--line);border-radius:var(--radius-md);overflow-wrap:anywhere;background:#f6f1e009;justify-content:space-between;gap:.75rem;padding:.85rem;display:flex}.comment-row:hover{border-color:var(--line-strong);background:#f6f1e00e}.comment-row>*{min-width:0}.comment-row strong{margin-right:.45rem}.comment-row span{color:var(--faint);font-size:.8rem}.comment-row p{color:var(--muted);margin-top:.25rem;line-height:1.45}.comment-row.unread{background:#79f2b712;border-color:#79f2b759}.form-grid{gap:.85rem;display:grid}.chat-transcript{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(#0000002e,#0000),#0a0c0b4d;align-content:start;gap:.75rem;min-height:340px;max-height:56vh;padding:.85rem;display:grid;overflow:auto}.chat-bubble{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e00b;gap:.25rem;width:min(90%,680px);padding:.78rem;display:grid}.chat-bubble.user{background:#79f2b714;border-color:#79f2b740;justify-self:end}.chat-bubble p{color:var(--muted);white-space:pre-wrap;line-height:1.45}.thinking-indicator{grid-auto-flow:column;align-items:center;gap:.26rem;min-height:1.45em;padding:.12rem 0;display:inline-grid}.thinking-dot{aspect-ratio:1;opacity:.38;background:currentColor;border-radius:999px;width:.42rem;animation:1s ease-in-out infinite thinking-dot-pulse}.thinking-dot:nth-child(2){animation-delay:.12s}.thinking-dot:nth-child(3){animation-delay:.24s}.chat-options{flex-wrap:wrap;gap:.5rem;display:flex}.ready-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#79f2b71c,#ffd36f0e),#0a0c0b3d;border:1px solid #79f2b757;gap:.75rem;padding:.95rem;display:grid}.ready-box h3{font-size:1rem}.ready-box textarea{background:#0000002e;min-height:126px}.upload-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e00a;position:relative;overflow:hidden}.create-upload-preview{width:min(100%,360px)}.upload-preview img{aspect-ratio:16/10;object-fit:cover;width:100%}.upload-preview .icon-button{background:#0000009e;position:absolute;top:.5rem;right:.5rem}.avatar{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-md);width:76px;color:var(--brand);background:#f6f1e00f;place-items:center;font-size:1.8rem;font-weight:850;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.profile-identity{align-items:center}.code-block{border:1px solid var(--line);border-radius:var(--radius-md);max-width:100%;color:var(--muted);background:#0000003d;padding:.9rem;overflow:auto}.auth-page,.auth-required-page{place-items:center;min-height:calc(100vh - 2.5rem);padding:1rem;display:grid}.auth-required-panel{text-align:center;justify-items:center;gap:1rem;width:min(100%,520px);padding:1.35rem;display:grid}.auth-required-icon{aspect-ratio:1;border-radius:var(--radius-md);width:58px;color:var(--brand);background:#79f2b714;border:1px solid #79f2b742;place-items:center;display:grid;box-shadow:0 14px 28px #79f2b714}.auth-required-panel h1{font-size:2.2rem;line-height:1}.auth-required-panel p{max-width:34rem;color:var(--muted);margin-top:.35rem;line-height:1.45}.auth-required-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:min(100%,380px);display:grid}.auth-required-actions .primary-button,.auth-required-actions .secondary-button{width:100%}.auth-panel{gap:1rem;width:min(100%,500px);padding:1.35rem}.auth-panel h1{font-size:2.25rem;line-height:1}.auth-panel label{min-width:0}.auth-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.auth-actions .primary-button,.auth-actions .secondary-button{justify-content:center;width:100%}.auth-more{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e008;padding:0 .8rem}.auth-more[open]{padding-bottom:.8rem}.auth-more .collapsible-content{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-more .ghost-button{width:100%}.reset-button{color:var(--faint);grid-column:1/-1}.center-panel{min-height:60vh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:.9rem;padding:1rem;display:grid}.center-panel.compact{min-height:132px}@keyframes generation-meter{0%{transform:translate(-20%)}to{transform:translate(160%)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@keyframes thinking-dot-pulse{0%,80%,to{opacity:.34;transform:translateY(0)}40%{opacity:.95;transform:translateY(-.16rem)}}.toast-stack{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:80;gap:.65rem;width:min(360px,100vw - 2rem);display:grid;position:fixed}.toast{border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow);background:#171914f5;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.82rem;display:flex}.toast p{color:var(--muted);margin-top:.22rem}.toast-success{border-color:#65e6a761}.toast-danger{border-color:#ff6f9175}.dialog-backdrop{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050808a3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-panel{border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(560px,100%);box-shadow:var(--shadow);background:#171914fa;gap:1rem;padding:1rem;display:grid}.dialog-panel textarea{min-height:156px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.dialog-actions .muted{margin-right:auto}.status-chip.warning{color:#ffd36f;background:#ffd36f1a;border-color:#ffd36f52}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.7rem;display:grid}.stat-pill{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e00a;padding:.82rem}.stat-pill strong{font-size:1.28rem;line-height:1;display:block}.stat-pill span{color:var(--faint);align-items:center;gap:.28rem;margin-top:.38rem;font-size:.82rem;display:inline-flex}.theme-panel,.leaderboard-panel,.legal-panel{gap:.85rem;display:grid}.theme-panel h3{font-size:1.55rem;line-height:1.12}.leaderboard-panel summary{grid-template-columns:auto minmax(0,1fr) auto auto;padding-inline:.15rem;display:grid}.leaderboard-panel .summary-count{margin-left:0}.leaderboard-summary-copy{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:750;display:none;overflow:hidden}.leaderboard-panel .comment-list{padding-top:.15rem}@media (min-width:1121px){.leaderboard-panel{position:sticky;top:1.25rem}}.empty-copy{padding:.5rem .15rem 0}.skeleton-grid{pointer-events:none}.skeleton-card{min-height:318px}.skeleton-media,.skeleton-line{border-radius:var(--radius-md);background:#f6f1e00e;position:relative;overflow:hidden}.skeleton-media{aspect-ratio:16/10;border-bottom-right-radius:0;border-bottom-left-radius:0}.skeleton-body{gap:.75rem;padding:.95rem;display:grid}.skeleton-line{height:14px}.skeleton-line.short{width:45%}.skeleton-line.medium{width:70%}.skeleton-line:after,.skeleton-media:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.4s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.comment-row .leaderboard-rank{color:var(--brand-3)}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.76fr)}.settings-disclosure{padding:.85rem 1rem}.danger-disclosure{border-color:#ff6f9147}.preference-list{gap:.55rem;display:grid}.preference-row{border:1px solid var(--line);border-radius:var(--radius-md);background:#f6f1e009;justify-content:space-between;align-items:center;gap:.85rem;min-height:48px;padding:.72rem .8rem;display:flex}.preference-row span{min-width:0;color:var(--muted);font-weight:750}@media (max-width:1120px){.create-workspace,.detail-layout,.discover-layout,.two-column,.settings-grid{grid-template-columns:1fr}.creator-rail{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));position:static}}@media (max-width:900px){.app-shell{min-height:100vh;display:block}.sidebar{display:none}.main-content{max-width:none;padding:1rem 1rem calc(7.25rem + env(safe-area-inset-bottom))}.page:after{content:"";height:.75rem;display:block}.mobile-tabbar{z-index:60;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c0bf0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab{min-width:0;min-height:62px;color:var(--faint);place-items:center;gap:.2rem;padding-top:.25rem;font-size:.7rem;display:grid;position:relative}.mobile-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding-inline:.2rem;overflow:hidden}.mobile-tab.active{color:var(--brand)}.mobile-tab.active:before{content:"";background:linear-gradient(90deg, var(--brand), var(--brand-3));border-radius:999px;width:28px;height:3px;position:absolute;top:.38rem;box-shadow:0 8px 18px #79f2b72e}.generation-wait{grid-template-columns:1fr}.toast-stack{bottom:calc(5.5rem + env(safe-area-inset-bottom))}}@media (max-width:620px){.main-content{padding-inline:.8rem}.app-alert{flex-direction:column;align-items:stretch}.app-alert .ghost-button{align-self:flex-start}.section-header{flex-direction:column;align-items:flex-start}.section-header.compact{align-items:flex-start}.section-header h1{max-width:none;font-size:2.25rem;line-height:1.02}.compact-hero .section-header h1{font-size:2rem}.hero-band{min-height:218px;padding:1.1rem}.feed-hero{gap:.9rem;min-height:auto}.feed-hero .section-header{gap:.8rem}.feed-hero .section-header h1{max-width:12ch;font-size:2.16rem}.feed-hero .section-header .primary-button{min-width:0}.feed-filters{margin-inline:-.05rem}.feed-filters .chip{min-height:40px;padding-inline:.78rem}.create-hero{min-height:132px}.hero-band.compact-hero{min-height:auto}.grid,.dense-grid{grid-template-columns:1fr}.tile-media{aspect-ratio:16/9}.card-body{gap:.6rem;padding:.85rem}.card-actions{gap:.42rem}.primary-button,.secondary-button,.danger-button,.ghost-button{width:fit-content}.auth-page{align-items:start;min-height:calc(100vh - 7rem);padding:.2rem 0}.auth-required-page{place-items:center;min-height:calc(100vh - 8.25rem);padding:.2rem 0 1rem}.auth-required-panel{width:min(100%,360px);padding:1.1rem}.auth-required-actions{grid-template-columns:1fr}.auth-panel{width:100%;padding:1.1rem}.auth-actions{grid-template-columns:1fr}.auth-actions .primary-button,.auth-actions .secondary-button,.auth-more .ghost-button{width:100%}.auth-more .collapsible-content{grid-template-columns:1fr}.composer-panel{padding:.85rem}.composer-panel .chat-transcript{min-height:190px;max-height:34vh}.composer-form{grid-template-columns:1fr}.composer-form .send-button{width:100%}.quick-start-list{overscroll-behavior-x:contain;scrollbar-width:none;gap:.55rem;padding-bottom:.08rem;display:flex;overflow-x:auto}.quick-start-list::-webkit-scrollbar{display:none}.creator-rail .quick-start-list .chip{flex:0 0 172px;align-items:center;width:auto;min-height:44px}.toolbar{align-items:stretch}.comment-row{flex-direction:column}.leaderboard-summary-copy{display:inline}.detail-title{max-width:none;font-size:1.65rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}