@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg:#f3f8fc;--bg-accent:#dde9f6;--panel:#fffc;--panel-strong:#fff;--line:#ccd8e5;--ink:#0f1725;--muted:#5f7086;--brand:#0a7e74;--brand-soft:#d7f2ee;--danger:#b7462a;--shadow:0 14px 36px #11253a29}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 18% 16%, #fff 0 16%, transparent 17%), radial-gradient(circle at 82% 24%, #e4ecff 0 20%, transparent 22%), linear-gradient(155deg, var(--bg), var(--bg-accent));font-family:Space Grotesk,Trebuchet MS,sans-serif}.app-shell{width:min(1300px,94vw);margin:1.2rem auto 2rem;animation:.45s ease-out intro-fade}.masthead{color:#f6fbff;box-shadow:var(--shadow);background:linear-gradient(120deg,#0e3348,#124a53 48%,#355783);border-radius:22px;padding:1.2rem 1.4rem 1.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.14rem;opacity:.88;margin:0;font-size:.74rem}.masthead h1{margin:.35rem 0;font-family:Sora,Avenir Next,sans-serif;font-size:clamp(1.35rem,2.2vw,2.1rem)}.masthead p{color:#d6ecff;max-width:65ch;margin:0}.workspace-layout{grid-template-columns:minmax(300px,360px) 1fr;gap:1rem;margin-top:1rem;display:grid}.left-column{align-content:start;gap:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:.95rem}.panel h2{margin:0;font-family:Sora,Avenir Next,sans-serif;font-size:1.08rem}.panel-copy{color:var(--muted);margin:.45rem 0 .95rem}.field{gap:.35rem;margin-bottom:.8rem;display:grid}.field>span{font-size:.84rem;font-weight:600}input[type=file],select,input[type=range]{width:100%}input[type=color]{border:1px solid var(--line);background:var(--panel-strong);border-radius:10px;width:100%;height:2.2rem;padding:.1rem}input[type=file],select{border:1px solid var(--line);font:inherit;color:var(--ink);background:var(--panel-strong);border-radius:10px;padding:.5rem}select{cursor:pointer}input[type=range]{accent-color:var(--brand)}.file-meta{color:var(--muted);margin-bottom:.8rem;font-size:.84rem}.file-list{max-height:124px;padding-right:.2rem;overflow:auto}.file-list p{background:#f5f9ff;border:1px solid #dde8f5;border-radius:8px;margin:0 0 .35rem;padding:.4rem .52rem;font-size:.82rem}.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.single-action-row{grid-template-columns:1fr}button{appearance:none;cursor:pointer;color:#153d53;background:linear-gradient(160deg,#eff6ff,#dcecff);border:1px solid #24607f;border-radius:10px;padding:.52rem .65rem;font-weight:600;transition:transform .12s,box-shadow .12s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #081e3226}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#334a64;background:#f1f4f8;border-color:#6a7f9b}.danger{color:var(--danger);background:#ffe9e3;border-color:#9e3f29}.checkbox-row{grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.checkbox-row input[type=checkbox]{width:auto;margin:0}.playback-tag{color:var(--muted);margin:.4rem 0 0}.viewer-column{border:1px solid var(--line);min-height:min(78vh,860px);box-shadow:var(--shadow);background:#f8fcffb8;border-radius:22px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.viewer-status{border-bottom:1px solid var(--line);background:#f6fbffd1;padding:.76rem .9rem}.viewer-status p{color:#244056;margin:0}.error-list{gap:.45rem;margin-top:.6rem;display:grid}.error-headline,.error-item{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.error-item{background:#fff2e8;border:1px solid #ffd9c3;border-radius:10px;padding:.44rem .5rem}.error-item p{color:#7c311d;margin:0}.linkish{color:#2f5b8b;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.viewer-canvas{width:100%;min-height:100%}@keyframes intro-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.workspace-layout{grid-template-columns:1fr}.viewer-column{min-height:58vh}}