@font-face{font-family:Geomini;src:url(/geomini-20260304/Geomini-Regular.woff2) format("woff2");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000;--surface: #000;--border: #000;--text: #fff;--text-dim: #aaa;--accent: #fff;--accent-glow: #fff}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Geomini,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{text-transform:uppercase;font-size:12px;letter-spacing:.1em}#app{width:100%;height:100%;position:relative}canvas#viewport{display:block;width:100%;height:100%;cursor:grab}canvas#viewport.grabbing{cursor:grabbing}#drop-zone{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10;transition:opacity .3s}#drop-zone.hidden{opacity:0;pointer-events:none}#drop-zone .drop-prompt{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;max-width:min(400px,calc(100vw - 32px));border:2px dashed var(--border);border-radius:16px;background:var(--surface);transition:border-color .2s,background .2s}#drop-zone.drag-over .drop-prompt{border-color:var(--accent);background:#6d5dfc14}#drop-zone .drop-prompt svg{width:48px;height:48px;stroke:var(--text-dim)}#drop-zone .drop-prompt p{color:var(--text-dim)}#drop-zone .drop-prompt label{padding:10px 24px;background:var(--accent);color:var(--bg);border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s}#drop-zone .drop-prompt label:hover{background:var(--accent-glow)}#drop-zone input[type=file]{display:none}#controls-container{position:absolute;width:100%;z-index:20;bottom:12px}#controls{margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;width:fit-content;padding:8px 10px;background:#000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);outline:1.5px solid #222;border-radius:8px;z-index:20;transition:opacity .3s}#controls.hidden{opacity:0;pointer-events:none}#controls button{padding:5px 10px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;white-space:nowrap;transition:all .15s}#controls button:hover{color:var(--text);border-color:var(--text-dim)}#controls button.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}#controls .zoom-label{color:var(--text-dim);min-width:44px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}#controls .new-file-btn{color:var(--accent);margin-right:8px}#controls .new-file-btn:hover{background:#6d5dfc1a}#controls #btn-fit{color:red;margin-left:8px}#controls #btn-fit:hover{border-color:red}.examples{display:flex;flex-direction:column;margin-top:24px;gap:12px;align-items:stretch;width:100%;max-width:220px}.example-btn{padding:8px 16px;background:transparent;color:var(--text-dim);border:1px solid var(--border);border-style:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:11px;transition:all .15s}.example-btn:hover{color:var(--text);border-color:var(--accent);border-style:solid}