:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#075b8c;background:#74b7dc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#74b7dc}button,input{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px;padding:24px}.panel{background:#ffffff2e;border:1px solid rgba(7,91,140,.35);padding:20px;align-self:start}h1{font-size:1.1rem;margin:0 0 18px}.field{display:grid;gap:7px;margin-bottom:16px}label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}input[type=text],input[type=number]{width:100%;border:1px solid #075b8c;background:#74b7dc;color:#075b8c;padding:10px;font-weight:700}input[type=range]{width:100%;accent-color:#075b8c}select{width:100%;border:1px solid #075b8c;background:#74b7dc;color:#075b8c;padding:10px;font-weight:700}.value{font-variant-numeric:tabular-nums}.drop{border:2px dashed #075b8c;padding:18px 12px;text-align:center;cursor:pointer;margin-bottom:12px}.drop.is-over{background:#075b8c1f}.drop small{display:block;margin-top:6px;opacity:.75}.file-name{font-size:.78rem;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:8px}button{border:1px solid #075b8c;background:#075b8c;color:#74b7dc;padding:10px 14px;font-weight:700;cursor:pointer}button.secondary{background:transparent;color:#075b8c}.stage{min-width:0;min-height:70vh;display:grid;place-items:center;border:1px solid rgba(7,91,140,.35);overflow:hidden}svg{display:block;width:100%;height:auto;max-height:78vh}.meta{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;margin-top:10px;opacity:.75}@media(max-width:800px){.app{grid-template-columns:1fr}.stage{min-height:50vh}}.export-field{margin-top:24px;padding-top:18px;border-top:1px solid rgba(7,91,140,.3)}.export-field button{width:100%}.hint{display:block;font-size:.75rem;line-height:1.45;opacity:.8}button:disabled{opacity:.55;cursor:wait}