:root{color-scheme:dark;--bg:#0b101b;--panel:#141c2b;--line:#2b3649;--text:#eef3fa;--muted:#aab6ca;--mint:#76e5cf;--red:#ff7b88}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{padding:22px 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;letter-spacing:2px}.mark{color:var(--mint);font-size:28px}.local{font-size:14px;color:var(--muted)}main{max-width:1450px;margin:auto;padding:30px 4vw}.heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--mint);margin:0 0 8px}h1{font-size:clamp(26px,3.2vw,42px);line-height:1.15;letter-spacing:-1px;margin:0}.privacy{font-size:14px;color:var(--mint);border-left:2px solid var(--mint);padding-left:16px}.workspace{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.step{display:flex;gap:12px;align-items:center;margin-bottom:18px}.step>span{font-size:12px;color:var(--mint);border:1px solid #456860;border-radius:5px;padding:3px 7px}h2{font-size:18px;margin:0;font-weight:600}.drop{position:relative;border:1px dashed #697b94;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:23px 10px;text-align:center;cursor:pointer;background:#192437}.drop:hover,.drop.drag{border-color:var(--mint);background:#1c3039}.drop:focus-within{outline:2px solid var(--mint)}.drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.drop span,.drop small{color:var(--muted);font-size:14px}.drop .plus{font-size:30px;line-height:1;color:var(--mint)}#status{font-size:14px;overflow-wrap:anywhere}.meta,.fine{font-size:13px;color:var(--muted)}.fine{line-height:1.6}#sourceBox img,#sourceBox video{max-width:100%;max-height:220px;display:block;margin:auto;border-radius:8px}#sourceBox [hidden]{display:none}#sourceInfo{overflow-wrap:anywhere}.field{display:block;margin:16px 0;color:var(--text);font-size:14px}.field output{float:right;font-variant-numeric:tabular-nums;color:var(--mint)}input[type=range]{width:100%;accent-color:var(--mint);margin:10px 0;min-height:24px;cursor:pointer}select,input[type=text]{width:100%;font:inherit;padding:11px;background:var(--bg);border:1px solid #42516a;border-radius:7px;color:var(--text);margin-top:8px}input[type=checkbox]{accent-color:var(--mint);width:18px;height:18px;margin-right:8px;vertical-align:middle}.toggles label{display:block;font-size:14px;margin:12px 0}button{background:var(--mint);border:1px solid var(--mint);border-radius:8px;color:#101c25;min-height:46px;padding:11px 18px;font:600 14px system-ui;cursor:pointer}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:transparent;color:var(--text);border-color:#526178}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.resulthead{display:flex;justify-content:space-between;gap:15px;align-items:start}.stage{position:relative;display:flex;justify-content:center;background:repeating-conic-gradient(#101724 0% 25%,#151d2b 0% 50%) 0/24px 24px;border:1px solid var(--line);border-radius:10px;min-height:500px;padding:22px;overflow:hidden}canvas{display:block;max-width:100%;width:auto;height:auto;max-height:650px;object-fit:contain}#empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;background:#101724}#empty span{font-size:64px;color:#526478}#empty strong{font-size:20px}#empty p{color:var(--muted);font-size:14px}#empty[hidden]{display:none}.legend{display:flex;justify-content:center;gap:24px;margin:18px 0;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;margin-right:8px}.danger{background:var(--red)}.safe{background:var(--mint)}.actions{display:flex;gap:12px;flex-wrap:wrap}footer{color:var(--muted);font-size:14px;max-width:1000px;margin:28px auto;padding-top:20px;border-top:1px solid var(--line)}footer strong{color:var(--text)}a{color:var(--mint)}[hidden]{display:none!important}@media(max-width:800px){header{padding:16px 5vw}.local{display:none}main{padding:22px 5vw}.heading{display:block}.privacy{margin-top:18px}.workspace{grid-template-columns:1fr}.panel{padding:20px}.result{grid-row:2}.stage{min-height:340px;padding:12px}canvas{max-height:580px}.resulthead{display:block}.legend{gap:16px;flex-wrap:wrap}.actions button{flex:1;min-width:180px}h1{letter-spacing:-.5px}}