@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{color:#f5f5f5;font-synthesis:none;--bg:#080808;--surface:#111;--surface-2:#191919;--line:#2a2a2a;--muted:#848991;--white:#f5f5f5;--acid:#d8ff35;--cyan:#63e7dc;--danger:#ff7c6f;background:#080808;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.app-shell{background:var(--bg);width:100%;max-width:520px;min-height:100vh;padding-bottom:calc(90px + env(safe-area-inset-bottom));margin:0 auto;position:relative;overflow-x:clip}.auth-shell{padding:max(28px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));place-items:center;display:grid}.auth-gate{border:1px solid var(--line);background:var(--surface);width:100%;max-width:420px;padding:30px 24px}.auth-icon{width:54px;height:54px;color:var(--acid);background:#d8ff3514;border:1px solid #d8ff3540;place-items:center;margin-bottom:24px;display:grid}.auth-icon svg{width:26px}.auth-gate h1{margin:12px 0 16px;font-size:clamp(27px,8vw,38px);line-height:1.03}.auth-gate p{color:#b1b4b8;margin:0 0 24px;font-size:14px;line-height:1.55}.auth-gate .btn{margin-top:9px;text-decoration:none}.auth-gate>small{color:#8f949a;margin-top:18px;font-size:12px;line-height:1.5;display:block}.topbar,.brandbar{height:76px;padding:max(14px, env(safe-area-inset-top)) 20px 10px;align-items:center;display:flex}.topbar.compact{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080808f0;gap:14px;position:sticky;top:0}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.icon-btn.ghost{background:0 0;border-color:#0000;margin-left:auto}.icon-btn svg{width:18px}.top-title{flex-direction:column;gap:3px;display:flex}.top-title span{font-size:15px;font-weight:600}.top-title small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.progress-track{z-index:21;background:#1d1d1d;height:2px;position:sticky;top:76px}.progress-track i{background:var(--acid);height:100%;transition:width .25s;display:block}.content{padding:28px 20px}.wizard{padding-bottom:130px}.section-kicker,.eyebrow{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:600}h1,h2,h3,p{margin-top:0}.wizard h1{letter-spacing:-.045em;margin:12px 0 10px;font-size:38px;font-weight:400;line-height:1.02}.lead{color:var(--muted);max-width:390px;margin-bottom:30px;font-size:14px;line-height:1.55}.field{flex-direction:column;gap:9px;margin:0 0 20px;display:flex}.field>span{color:#c9c9c9;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.field small{color:#9ca1a8;font-size:12px;line-height:1.45}input,select,textarea{width:100%;color:var(--white);background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:50px;padding:0 14px;transition:border-color .18s,background .18s}textarea{resize:vertical;min-height:94px;padding-top:14px;line-height:1.45}input::placeholder,textarea::placeholder{color:#5f6368}input:focus,select:focus,textarea:focus{background:#151515;border-color:#696969}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-unit{position:relative}.input-unit span{color:var(--muted);font-size:12px;position:absolute;top:17px;right:13px}.artifact-preview{border-top:1px solid var(--line);margin-top:10px;padding-top:24px}.artifact-mini-grid{scrollbar-width:thin;scroll-snap-type:x mandatory;gap:8px;margin:12px -20px 0;padding:0 58px 10px 20px;display:flex;overflow-x:auto}.artifact-mini{border:1px solid var(--line);background:var(--surface);text-align:left;scroll-snap-align:start;border-radius:8px;flex-direction:column;flex:0 0 142px;justify-content:space-between;min-height:92px;padding:14px;font-size:12px;display:flex}.artifact-mini svg{width:19px;color:var(--muted)}.artifact-mini.active{border-color:var(--acid);background:#d8ff3512}.artifact-mini.active svg{color:var(--acid)}.upload-stage{text-align:center;background:#0d0d0d;border:1px dashed #3c3c3c;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:174px;margin-bottom:10px;padding:24px;display:flex}.upload-stage.interactive{cursor:pointer;transition:border-color .18s,background .18s}.upload-stage.interactive:active{border-color:var(--acid);background:#d8ff350a}.upload-stage input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-stage svg{color:var(--acid);width:30px;margin-bottom:16px}.upload-stage strong{margin-bottom:8px;font-size:13px}.upload-stage span{color:#9ca1a8;font-size:12px;line-height:1.5}.upload-hint{color:#9ca1a8;margin:0 0 16px;font-size:12px;line-height:1.45}.pending-assets{gap:8px;margin-bottom:22px;display:grid}.pending-asset{border:1px solid var(--line);background:var(--surface);grid-template-columns:24px minmax(0,1fr) 38px;align-items:center;gap:10px;padding:11px 10px 11px 13px;display:grid}.pending-asset>svg{width:20px;color:var(--acid)}.pending-asset span{flex-direction:column;gap:3px;min-width:0;display:flex}.pending-asset strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.pending-asset small{color:#9ca1a8;font-size:11px}.pending-asset button{color:#9ca1a8;background:0 0;border:0;place-items:center;width:36px;height:36px;display:grid}.pending-asset button svg{width:17px}.radio-stack,.artifact-list{gap:9px;display:grid}.choice{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.choice>span:last-child{flex-direction:column;gap:3px;display:flex}.choice strong{font-size:13px}.choice small{text-transform:none;letter-spacing:0}.choice.active{border-color:#666}.radio-dot{border:1px solid #555;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.radio-dot i{background:var(--acid);border-radius:50%;width:10px;height:10px}.artifact-row{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:8px;grid-template-columns:46px 1fr 26px;align-items:center;gap:12px;width:100%;min-height:78px;padding:12px;display:grid}.artifact-row.active{border-color:var(--acid);background:#d8ff350e}.artifact-icon{background:#202020;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.artifact-icon svg{width:20px;color:var(--muted)}.artifact-row.active .artifact-icon svg,.artifact-row.active .select-mark{color:var(--acid)}.artifact-row>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.artifact-row strong{font-size:13px}.artifact-row small{color:var(--muted);font-size:11px}.select-mark svg{width:17px}.summary-card{border:1px solid var(--line);background:#0d0d0d;margin-top:22px;padding:4px 16px}.summary-card div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:13px 0;display:flex}.summary-card div:last-child{border:0}.summary-card span{color:var(--muted);letter-spacing:.1em;font-size:9px}.summary-card strong{text-align:right;font-size:11px;font-weight:500}.warning{color:#ffc369}.ok{color:var(--acid)}.sticky-actions{z-index:30;width:min(520px,100%);padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080808f2;grid-template-columns:.7fr 1.3fr;gap:10px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.btn{border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn svg{width:17px}.btn.primary{background:var(--acid);border-color:var(--acid);color:#0b0b0b}.btn.secondary{background:var(--surface);color:var(--white)}.btn.approved{color:var(--acid);opacity:1;background:#d8ff351a;border-color:#d8ff3573}.btn:disabled{opacity:.5}.btn.full{width:100%}.btn.compact-btn{min-height:44px}.error-banner{color:#ffaaa2;background:#ff7c6f14;border:1px solid #ff7c6f59;margin-top:16px;padding:13px 14px;font-size:12px}.brandbar{border-bottom:1px solid #171717;gap:11px}.brand-mark{background:var(--white);justify-content:center;align-items:center;gap:3px;width:34px;height:34px;display:flex;transform:rotate(-3deg)}.brand-mark span{background:#0a0a0a;width:7px;height:19px;transform:skew(-13deg)}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy strong{letter-spacing:.13em;font-size:11px}.brand-copy small{color:var(--muted);font-size:9px}.avatar{background:#171717;border:1px solid #353535;border-radius:50%;width:35px;height:35px;margin-left:auto;font-size:10px;font-weight:600}.home-hero{background:radial-gradient(circle at 88% 3%,#63e7dc24,#0000 34%);padding:44px 20px 30px;position:relative}.eyebrow{align-items:center;gap:8px;display:flex}.eyebrow i{background:var(--acid);width:6px;height:6px;box-shadow:0 0 14px var(--acid);border-radius:50%}.home-hero h1{letter-spacing:-.075em;margin:24px 0;font-size:clamp(52px,15vw,72px);font-weight:300;line-height:.87}.home-hero h1 span{color:#686868}.home-hero>p{color:var(--muted);max-width:280px;font-size:13px;line-height:1.5}.new-project{background:var(--white);color:#0a0a0a;text-align:left;border:1px solid #343434;border-radius:2px;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:76px;margin-top:28px;padding:12px;display:grid}.new-project>span{width:44px;height:44px;color:var(--acid);background:#0b0b0b;place-items:center;display:grid}.new-project>span svg{width:20px}.new-project div{flex-direction:column;gap:5px;display:flex}.new-project strong{font-size:14px}.new-project small{color:#707070;font-size:10px}.new-project>svg{width:17px}.home-content{border-top:1px solid var(--line)}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.section-title h2{letter-spacing:-.035em;margin:8px 0 0;font-size:23px;font-weight:400}.count{color:var(--muted);font:11px ui-monospace,monospace}.empty-state{text-align:center;padding:20px 12px 34px}.empty-frame{background-color:#0d0d0d;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:18px 18px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #292929;justify-content:center;align-items:center;height:154px;margin-bottom:24px;display:flex;position:relative}.empty-frame:before,.empty-frame:after{content:"";border-color:#555;width:14px;height:14px;position:absolute}.empty-frame:before{border-top:1px solid;border-left:1px solid;top:9px;left:9px}.empty-frame:after{border-bottom:1px solid;border-right:1px solid;bottom:9px;right:9px}.empty-frame svg{color:#555;width:34px}.empty-frame span{color:#555;font:8px ui-monospace,monospace;position:absolute;bottom:8px;left:10px}.empty-state h3{margin-bottom:8px;font-size:15px;font-weight:500}.empty-state p{color:var(--muted);max-width:310px;margin:auto;font-size:11px;line-height:1.55}.bottom-nav{z-index:20;width:min(520px,100%);height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0af5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#616161;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.bottom-nav button.active{color:var(--white)}.bottom-nav svg{width:18px}.project-list{gap:9px;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);text-align:left;grid-template-columns:70px 1fr 22px;align-items:center;gap:13px;width:100%;min-height:86px;padding:8px;display:grid}.thumb{color:#ffffffbf;background:linear-gradient(145deg,#463a58,#171719);place-items:center;height:68px;display:grid}.tone-1{background:linear-gradient(145deg,#214a47,#121b1a)}.tone-2{background:linear-gradient(145deg,#554830,#191712)}.thumb svg{width:22px}.project-info{flex-direction:column;gap:5px;min-width:0;display:flex}.project-info small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.project-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.project-info em{color:var(--acid);font-size:9px;font-style:normal}.project-card>svg{width:16px;color:var(--muted)}.project-page{padding-top:18px}.project-hero{background:radial-gradient(circle at 76% 21%,#63e7dc3d,#0000 30%),linear-gradient(145deg,#20272a,#090909 66%);border:1px solid #303437;flex-direction:column;justify-content:flex-end;min-height:260px;margin-bottom:14px;padding:26px 22px;display:flex;position:relative;overflow:hidden}.hero-noise{opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:absolute;inset:0}.project-type{color:var(--acid);text-transform:uppercase;letter-spacing:.13em;font-size:9px;position:relative}.project-hero h1{letter-spacing:-.05em;max-width:350px;margin:12px 0 10px;font-size:34px;font-weight:400;line-height:1;position:relative}.project-hero p{color:#aeb2b6;max-width:360px;font-size:11px;line-height:1.45;position:relative}.hero-meta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex;position:relative}.hero-meta span{color:#c8c8c8;background:#0006;border:1px solid #ffffff21;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.hero-meta svg{width:12px}.card{border:1px solid var(--line);background:var(--surface);margin-bottom:12px;padding:18px}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head h2{margin:7px 0 0;font-size:17px;font-weight:500}.card-head>svg{color:#60656b;width:23px}.card>p{color:#9ca1a8;margin:14px 0 16px;font-size:13px;line-height:1.5}.button-stack{gap:8px;display:grid}.asset-uploader{gap:8px;margin-top:16px;display:flex}.asset-uploader label{min-height:50px;color:var(--muted);border:1px dashed #444;flex:1;align-items:center;gap:9px;padding:0 13px;font-size:11px;display:flex;overflow:hidden}.asset-uploader label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.asset-uploader input{display:none}.asset-uploader svg{flex:none;width:17px}.asset-list{gap:7px;margin-top:14px;display:grid}.asset-item{border-top:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:9px;padding-top:10px;display:grid}.asset-item>svg{width:17px;color:var(--muted)}.asset-item>span{flex-direction:column;gap:3px;min-width:0;display:flex}.asset-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.asset-item small{color:var(--muted);font-size:9px}.asset-item em{color:#ffc369;font-size:8px;font-style:normal}.asset-item em.confirmed{color:var(--acid)}.empty-inline,.pending-inline{color:#9ca1a8;padding-top:14px;font-size:12px;line-height:1.45}.pending-inline{color:#d3d5d8}.upload-progress{color:#d3d5d8;align-items:center;gap:10px;padding-top:14px;font-size:12px;display:flex}.upload-progress i{border:2px solid #474747;border-top-color:var(--acid);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.rights-note{background:#d8ff350a;border:1px solid #d8ff3530;gap:12px;padding:15px;display:flex}.rights-note svg{color:var(--acid);flex:none;width:19px}.rights-note div{flex-direction:column;gap:5px;display:flex}.rights-note strong{font-size:11px}.rights-note span{color:#9ca1a8;font-size:12px;line-height:1.45}.toast-message{top:calc(86px + env(safe-area-inset-top));background:var(--white);color:#0b0b0b;z-index:50;justify-content:space-between;align-items:center;width:calc(min(520px,100%) - 40px);padding:13px 14px;font-size:12px;line-height:1.35;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-message button{color:#0b0b0b;background:0 0;border:0}.toast-message svg{width:16px}@media (width>=700px){body{background:#020202}.app-shell{border-left:1px solid #1d1d1d;border-right:1px solid #1d1d1d}}@media (width<=380px){.home-hero h1{font-size:51px}.field-grid{grid-template-columns:1fr;gap:0}.project-hero{min-height:235px}}@media (prefers-reduced-motion:no-preference){.new-project,.project-card,.artifact-row,.choice{transition:transform .16s,border-color .16s,background .16s}.new-project:active,.project-card:active,.artifact-row:active{transform:scale(.985)}}