:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef3ff;font-synthesis:none;text-rendering:optimizelegibility;background:#11151d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}#viewport canvas{width:100%;height:100%;display:block}#controls a{color:#a5caff}input[type=color]{min-height:42px}html,body,#app{height:100%;margin:0}body{overflow:hidden}#app{grid-template-columns:minmax(320px,380px) 1fr;display:grid}#controls{background:#151b26;border-right:1px solid #ffffff1f;padding:18px;overflow:auto}#viewport{background:var(--viewport-background,radial-gradient(circle at 50% 40%, #293241 0%, #11151d 60%));min-width:0;transition:background .18s ease-out;position:relative}h1{margin:0 0 8px;font-size:1.3rem;line-height:1.2}p{color:#b8c5d8;font-size:.92rem;line-height:1.45}fieldset{background:#ffffff09;border:1px solid #ffffff1f;border-radius:12px;margin:16px 0;padding:14px}legend{color:#dbe7ff;padding:0 8px;font-weight:650}label{color:#ced9eb;grid-template-columns:1fr 92px;align-items:center;gap:10px;margin:12px 0;font-size:.9rem;display:grid}input,select,button{color:#f6f8ff;font:inherit;background:#0f1420;border:1px solid #ffffff29;border-radius:8px}input,select{width:100%;padding:7px 8px}button{cursor:pointer;padding:10px 12px;font-weight:650}button:hover{background:#202a3c}.button-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{color:#cbd7e9;grid-template-columns:1fr auto;gap:12px;margin:8px 0;font-size:.88rem;display:grid}.metric strong{color:#fff}.note{color:#c4d1e6;border-left:3px solid #8ab4ff;padding-left:10px}#toast{color:#eaf1ff;opacity:0;pointer-events:none;background:#0d131feb;border:1px solid #ffffff24;border-radius:10px;max-width:min(520px,100% - 32px);padding:11px 13px;transition:opacity .15s,transform .15s;position:absolute;bottom:16px;left:16px;transform:translateY(10px)}#toast.visible{opacity:1;transform:translateY(0)}@media (width<=900px){body{overflow:auto}#app{grid-template-rows:auto 70vh;grid-template-columns:1fr;min-height:100%}#controls{border-bottom:1px solid #ffffff1f;border-right:0}}input[type=file]{padding:6px;font-size:.78rem}.notes{border-top:1px solid #ffffff14;margin-top:10px;padding-top:8px}.notes p{margin:6px 0;font-size:.82rem}.offline-card{color:#dbe7ff;background:#8ab4ff17;border:1px solid #8ab4ff3d;border-radius:10px;gap:6px;padding:10px;font-size:.86rem;display:grid}.offline-card strong{color:#fff}