:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#efeee8;background:#11110f;font-family:Inter,Pretendard,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}main{width:min(100% - 28px,1060px);margin:0 auto;padding:56px 0 72px}header{margin-bottom:28px}.eyebrow{color:#e5a64c;letter-spacing:.14em;margin:0 0 6px;font-size:12px;font-weight:800}h1{letter-spacing:-.06em;margin:0;font-size:clamp(32px,7vw,58px)}.intro{color:#a6a49b;margin:10px 0 0;line-height:1.6}.drop-zone{cursor:pointer;background:#191916;border:1px dashed #656158;border-radius:16px;place-items:center;min-height:180px;transition:border-color .15s,background .15s;display:grid}.drop-zone:hover,.drop-zone.dragging{background:#201d17;border-color:#e5a64c}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.drop-title{font-size:18px;font-weight:750}.drop-note{color:#858279;margin-top:-52px;font-size:13px}.controls{grid-template-columns:auto minmax(180px,420px);align-items:center;gap:10px 18px;margin:28px 0 0;display:grid}.controls label{font-weight:700}.controls output{color:#e5a64c;font-variant-numeric:tabular-nums}.controls input{accent-color:#e5a64c;width:100%}.range-labels{color:#77746c;grid-column:2;justify-content:space-between;margin-top:-10px;font:11px ui-monospace,Menlo,monospace;display:flex}.status{color:#a6a49b;min-height:24px;margin:20px 0}.status.error{color:#ff8d86}.tabs{border-bottom:1px solid #35342f;gap:6px;display:flex}button{color:inherit;cursor:pointer;background:#22211d;border:1px solid #4b4942;border-radius:8px;padding:9px 13px}button:hover{border-color:#8b877c}.tabs button{color:#949188;border:0;border-radius:8px 8px 0 0}.tabs button[aria-selected=true]{color:#f4c278;background:#2b2923}[role=tabpanel]{padding-top:18px}.text-preview{background:#090909;border:1px solid #35342f;border-radius:10px;overflow-x:auto}pre{color:#eeeae1;white-space:pre;width:max-content;min-width:100%;margin:0;padding:18px;font:11px/1 ui-monospace,Menlo,monospace}canvas{max-width:100%;image-rendering:crisp-edges;border:1px solid #35342f;border-radius:8px;margin-top:14px;display:block}.actions{gap:8px;margin-top:14px;display:flex}@media (width<=560px){main{padding-top:30px}.controls{grid-template-columns:1fr}.range-labels{grid-column:1}.drop-zone{min-height:150px}}