:root{--bg:#050a09;--bg-elev:#0b1512;--bg-panel:#0f1c18;--bg-panel-2:#13241f;--line:#b8ff3c1f;--line-strong:#b8ff3c47;--text:#e8f7ef;--muted:#8aa396;--lime:#b8ff3c;--lime-dim:#7db523;--cyan:#3dffd0;--coral:#ff5d4a;--amber:#ffc857;--shadow:0 30px 80px #00000073;--radius:18px;--font-display:"Syne", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-mono);background:radial-gradient(1200px 600px at 10% -10%, #b8ff3c24, transparent 55%), radial-gradient(900px 500px at 90% 0%, #3dffd01a, transparent 50%), linear-gradient(180deg, #07110f 0%, var(--bg) 40%, #040706 100%);color:var(--text);background-attachment:fixed;margin:0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}::selection{color:#04100c;background:#b8ff3c59}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050a09b8;flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;padding:.35rem .5rem;display:flex}.brand-mark{background:linear-gradient(145deg, var(--lime), var(--cyan));color:#04100c;width:42px;height:42px;font-family:var(--font-display);letter-spacing:-.04em;border-radius:12px;place-items:center;font-size:1.1rem;font-weight:800;animation:4s ease-in-out infinite brandPulse;display:grid}.brand-text{flex-direction:column;display:flex}.brand-text strong{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.35rem;line-height:1}.brand-text span{color:var(--muted);margin-top:.2rem;font-size:.72rem}.nav{flex-direction:column;gap:.35rem;display:flex}.nav a{color:var(--muted);border:1px solid #0000;border-radius:12px;padding:.7rem .85rem;transition:all .2s}.nav a:hover{color:var(--text);background:#b8ff3c0d}.nav a.active{color:#04100c;background:var(--lime);border-color:var(--lime);font-weight:600}.sidebar-foot{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);margin-top:auto;padding:.85rem}.sidebar-foot p{color:var(--muted);margin:0;font-size:.75rem}.sidebar-foot strong{color:var(--cyan);font-family:var(--font-display);margin-bottom:.35rem;display:block}.main{min-width:0;padding:1.25rem 1.5rem 2.5rem}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05}.page-head p{color:var(--muted);max-width:52ch;margin:.4rem 0 0}.btn-row{flex-wrap:wrap;gap:.55rem;display:flex}.btn{appearance:none;border:1px solid var(--line-strong);background:var(--bg-panel);color:var(--text);cursor:pointer;border-radius:999px;padding:.65rem 1rem;transition:all .18s}.btn:hover{border-color:var(--lime);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--lime);color:#04100c;border-color:var(--lime);font-weight:700}.btn-primary:hover{background:#d4ff70}.btn-ghost{background:0 0}.btn-danger{color:#ffb0a7;border-color:#ff5d4a73}.btn-danger:hover{border-color:var(--coral)}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(#13241feb,#0b1512eb)}.panel-pad{padding:1rem}.grid-2{grid-template-columns:1.4fr 1fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat{padding:1rem}.stat .label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.stat .value{font-family:var(--font-display);letter-spacing:-.04em;margin-top:.25rem;font-size:2rem}.stat .value.lime{color:var(--lime)}.stat .value.cyan{color:var(--cyan)}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.field input,.field select,.field textarea{border:1px solid var(--line);background:#00000047;border-radius:12px;outline:none;width:100%;padding:.7rem .8rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #3dffd01f}.field textarea{resize:vertical;min-height:110px}.chip{border:1px solid var(--line);color:var(--muted);background:#b8ff3c0f;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.72rem;display:inline-flex}.chip.ready{color:var(--lime);border-color:#b8ff3c59}.chip.draft{color:var(--amber);border-color:#ffc85759}.chip.published,.chip.exported{color:var(--cyan);border-color:#3dffd059}.score-ring{background:conic-gradient(var(--lime) calc(var(--p) * 1%), #ffffff14 0);width:42px;height:42px;color:var(--text);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:relative}.score-ring:before{content:"";background:var(--bg-panel);border-radius:50%;position:absolute;inset:4px}.score-ring span{z-index:1;position:relative}.landing{min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.hero{align-items:center;min-height:calc(100vh - 80px);padding:2rem 1.75rem 4rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#050a098c,#050a0933 40%,#050a09bf),repeating-linear-gradient(0deg,#0000,#0000 3px,#b8ff3c04 3px 4px),radial-gradient(at 70% 40%,#3dffd029,#0000 50%),radial-gradient(at 30% 70%,#b8ff3c1f,#0000 45%);animation:14s ease-in-out infinite alternate heroDrift;position:absolute;inset:0}.hero-inner{z-index:1;max-width:980px;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:-.06em;background:linear-gradient(120deg, #f4ffe8 10%, var(--lime) 45%, var(--cyan) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(4.5rem,14vw,9rem);line-height:.85;animation:.9s both titleIn}.hero h2{font-family:var(--font-display);letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700;animation:.9s 80ms both titleIn}.hero p{color:var(--muted);max-width:46ch;margin:1rem 0 1.75rem;font-size:1.05rem;animation:.9s .16s both titleIn}.hero-actions{flex-wrap:wrap;gap:.75rem;animation:.9s .24s both titleIn;display:flex}.hero-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:3rem;animation:.9s .32s both titleIn;display:grid}.hero-rail article{border:1px solid var(--line);background:#0b1512b3;border-radius:16px;padding:1rem}.hero-rail h3{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.1rem}.hero-rail p{margin:0;font-size:.85rem}.studio-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:1rem;display:grid}.player-wrap{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:14px;position:relative;overflow:hidden}.player-wrap video,.player-placeholder{object-fit:contain;background:#000;width:100%;height:100%}.player-placeholder{text-align:center;color:var(--muted);background:radial-gradient(circle at 50% 40%,#b8ff3c1f,#0000 55%),#050a09;place-items:center;padding:2rem;display:grid}.player-placeholder strong{color:var(--text);font-family:var(--font-display);margin-bottom:.35rem;font-size:1.4rem;display:block}.transport{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.timecode{font-variant-numeric:tabular-nums;color:var(--cyan);margin-left:auto}.timeline{border:1px solid var(--line);background:#00000040;border-radius:14px;margin-top:1rem;padding:.85rem}.timeline-track{border:1px solid var(--line);cursor:pointer;background:linear-gradient(90deg,#102019,#0a1411 40%,#142820);border-radius:10px;height:56px;position:relative;overflow:hidden}.timeline-playhead{background:var(--cyan);z-index:3;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #3dffd0cc}.timeline-clip{color:#efffd8;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;z-index:2;background:#b8ff3c47;border:1px solid #b8ff3c8c;border-radius:8px;padding:.2rem .4rem;font-size:.65rem;position:absolute;top:8px;bottom:8px;overflow:hidden}.timeline-clip.selected{border-color:var(--cyan);background:#3dffd059}.timeline-range{border-left:1px dashed var(--coral);border-right:1px dashed var(--coral);z-index:1;pointer-events:none;background:#ff5d4a2e;position:absolute;top:0;bottom:0}.mark-row{flex-wrap:wrap;align-items:end;gap:.5rem;margin-top:.75rem;display:flex}.mark-row .field{min-width:110px;margin:0}.clip-list{flex-direction:column;gap:.55rem;max-height:420px;padding-right:.25rem;display:flex;overflow:auto}.clip-card{border:1px solid var(--line);cursor:pointer;background:#0003;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;transition:all .18s;display:grid}.clip-card:hover,.clip-card.selected{border-color:var(--lime);background:#b8ff3c0f}.clip-card h4{font-family:var(--font-display);margin:0;font-size:.98rem}.clip-card p{color:var(--muted);margin:.2rem 0 0;font-size:.75rem}.inspector h3{font-family:var(--font-display);margin:0 0 .85rem}.hashtag-row{flex-wrap:wrap;gap:.35rem;display:flex}.hashtag{color:var(--cyan);background:#3dffd01a;border:1px solid #3dffd040;border-radius:999px;padding:.3rem .55rem;font-size:.72rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.project-card{cursor:pointer;padding:1.1rem;transition:all .2s}.project-card:hover{border-color:var(--lime);transform:translateY(-2px)}.project-card.active{border-color:var(--cyan);box-shadow:0 0 0 1px #3dffd040}.project-card h3{font-family:var(--font-display);margin:0 0 .35rem}.project-card p{color:var(--muted);margin:0;font-size:.85rem}.pack-card{padding:1.1rem}.pack-card h3{font-family:var(--font-display);margin:0 0 .4rem}.checklist{gap:.55rem;display:grid}.checklist label{border:1px solid var(--line);cursor:pointer;background:#0000002e;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;display:flex}.checklist input{accent-color:var(--lime);margin-top:.15rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.kbd{border:1px solid var(--line-strong);color:var(--cyan);background:#00000059;border-radius:6px;padding:.1rem .35rem;font-size:.7rem;display:inline-block}@keyframes titleIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes brandPulse{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.25);transform:scale(1.04)}}@keyframes heroDrift{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.05)translate(-1%,1%)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line);height:auto;position:relative}.nav{flex-flow:wrap}.sidebar-foot{display:none}.studio-layout,.grid-2,.grid-3,.hero-rail{grid-template-columns:1fr}}@media (width<=640px){.main,.landing-nav,.hero{padding-left:1rem;padding-right:1rem}.hero-brand{font-size:4rem}}