: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}}:root{--bg:#050d0b;--panel:#0b1a16;--mint:#3ddc97;--yellow:#ffd640;--ink:#f4f8f2;--dim:#8b9d96;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-family:Apple SD Gothic Neo,Pretendard,AppleGothic,system-ui,sans-serif}body{background:var(--bg);color:var(--ink)}#goHome{top:calc(12px + env(safe-area-inset-top));z-index:60;width:40px;height:40px;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050d0b99;border:2px solid #f4f8f252;border-radius:12px;place-items:center;display:grid;position:fixed;left:14px}#goHome:hover{border-color:var(--mint)}#easydev-home{z-index:50;color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050d0b99;border:2px solid #f4f8f24d;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex;position:fixed;top:14px;left:16px}#easydev-home:hover{border-color:var(--mint)}main{max-width:720px;margin:0 auto;padding:74px 20px 60px}header .eyebrow{color:var(--mint);letter-spacing:.08em;font-size:12px;font-weight:900}h1{font-size:clamp(26px,6.4vw,40px);font-weight:900;line-height:1.25}.intro,.drop-note,.status,.range-labels{color:var(--dim);font-weight:700}.drop-zone{background:var(--panel);border:2px dashed #3ddc9766;border-radius:18px;padding:34px 20px}.drop-zone:hover{border-color:var(--mint);background:#3ddc9714}.drop-title{font-weight:900}.controls{background:var(--panel);border:2px solid #3ddc9733;border-radius:16px;padding:18px}input[type=range]{accent-color:var(--mint)}output{color:var(--yellow);font-weight:900}.tabs button{color:var(--ink);background:0 0;border:2px solid #f4f8f238;border-radius:12px;padding:10px 18px;font-family:inherit;font-weight:900}.tabs button[aria-selected=true]{border-color:var(--mint);background:#3ddc9729}.text-preview,pre{background:#040a08;border:1px solid #3ddc972e;border-radius:14px}pre{color:var(--mint)}button:not(.tabs button){border:2px solid var(--mint);color:var(--ink);background:#3ddc9729;border-radius:14px;padding:13px 22px;font-family:inherit;font-weight:900}button:not(.tabs button):hover{background:#3ddc974d}[hidden]{display:none!important}.drop-zone:focus-within{outline-offset:4px;outline:2px solid #f0a030}button:focus-visible,pre:focus-visible{outline-offset:3px;outline:2px solid #f0a030}body[data-mode=video]{color:var(--video-color);background:#000;min-height:100vh}body[data-mode=video] .tabs,body[data-mode=video] .text-preview{display:none}body[data-mode=video] header{margin-bottom:14px}body[data-mode=video] .drop-zone{min-height:80px;padding:12px}body[data-mode=video] .drop-note{margin-top:4px}body[data-mode=video] .controls{margin-top:12px;padding:12px}body[data-mode=video] .status{margin:12px 0}body[data-mode=video] #fill-canvas{image-rendering:auto;touch-action:none;cursor:crosshair;background:#000;border:0;width:100%;height:auto;padding:0;display:block}