:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101318;--panel:#171b22;--line:#2a303a;--text:#eef0f3;--muted:#9aa3af;--error:#f07a6a;--warning:#f0c35a;--info:#7fb3f0;--ok:#6fd08c;font-family:system-ui,sans-serif;font-size:14px}html,body{background:var(--bg);height:100%;color:var(--text);margin:0}body{grid-template-columns:1fr 340px;display:grid}#stage{min-width:0;position:relative}#view{width:100%;height:100%;display:block}#drop-hint{color:#0000;pointer-events:none;border:2px dashed #0000;border-radius:12px;place-items:center;font-size:18px;transition:border-color .15s,color .15s,background .15s;display:grid;position:absolute;inset:16px}#stage.empty #drop-hint,#stage.dragging #drop-hint{border-color:var(--line);color:var(--muted)}#stage.dragging #drop-hint{border-color:var(--info);background:#7fb3f014}#panel{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow-y:auto}h1{margin:0 0 4px;font-size:18px}h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}header p,.muted{color:var(--muted);margin:0}section{margin-top:20px}label{gap:4px;margin-bottom:10px;display:grid}label.check{align-items:center;gap:8px;display:flex}label.file input{opacity:0;pointer-events:none;position:absolute}label.file span{border:1px solid var(--line);text-align:center;cursor:pointer;border-radius:6px;padding:8px 12px}label.file:focus-within span,label.file span:hover{border-color:var(--info)}select,input[type=range]{width:100%}select{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;padding:6px}#report dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 12px;display:grid}#report dt{color:var(--muted)}#report dd{font-variant-numeric:tabular-nums;margin:0}#report ul{margin:0;padding:0;list-style:none}#report li{border-left:3px solid var(--info);margin-bottom:6px;padding-left:10px}#report li.error{border-color:var(--error)}#report li.warning{border-color:var(--warning)}#report .ok{color:var(--ok)}footer{color:var(--muted);margin-top:24px;font-size:12px}footer a{color:var(--text)}@media (width<=760px){body{grid-template-rows:55vh auto;grid-template-columns:1fr}#panel{border-top:1px solid var(--line);border-left:0}}