@font-face{font-family:Coda;src:url(../fonts/CMMCoda-Proportional.woff2) format("woff2"),url(../fonts/CMMCoda-Proportional.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CodaMono;src:url(../fonts/CMMCoda-MonoSerif.woff2) format("woff2"),url(../fonts/CMMCoda-MonoSerif.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html{background:#f6f6f6;color:#171717;font:12px Coda,Coda,Arial,sans-serif}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,select,textarea{border:1px solid #b5b5b5;border-radius:2px;background:#fff}button{padding:6px 9px;cursor:pointer}button:hover{background:#e6e6e6}button:active{background:#d5d5d5}button:disabled{cursor:default;color:#888}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,#stage:focus-visible{outline:2px solid #333;outline-offset:2px}[hidden]{display:none!important}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:20px;max-width:1800px;margin:auto;align-items:start}.studio{position:sticky;top:20px;min-width:0}.toolbar{display:flex;align-items:center;gap:14px;min-height:30px;margin-bottom:10px;color:#666;font:11px CodaMono,monospace}.toolbar #fullscreen{margin-left:auto}.stage-shell{background:var(--stage-bg);color:var(--stage-fg);border:1px solid #aaa}.canvas-wrap{position:relative;line-height:0}#stage{display:block;width:100%;height:auto;touch-action:none;cursor:grab}.stage-shell:fullscreen{border:0;display:flex;align-items:center;justify-content:center;background:#111}.stage-shell:fullscreen .canvas-wrap{width:min(100vw,calc(100vh * 16 / 9))!important}.transport{display:flex;align-items:center;gap:12px;margin:12px 0}.transport button{min-width:64px}.transport input{flex:1;min-width:40px}.transport span{white-space:nowrap;font:11px CodaMono,monospace}.below{flex-wrap:wrap;gap:8px;margin-top:14px;font:11px Coda,Arial,sans-serif}.below span{margin-left:auto;font-size:10px}.panel{border:1px solid #bbb;background:#fafafa}.panel section{padding:14px;border-bottom:1px solid #d3d3d3}.section-title,.slider-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.section-title h2,.section-title label{font-size:12px;font-weight:600;margin:0}.section-title>span,.slider-row output{font:10px CodaMono,monospace;color:#666}.section-title button{font-size:10px;padding:4px 6px}.font-drop{width:100%;text-align:left;border-style:dashed;padding:10px}.font-drop strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-drop small{display:block;color:#666;font-size:10px;margin-top:5px}textarea{width:100%;display:block;resize:vertical;padding:8px;line-height:1.4;font-size:14px;min-height:60px;margin-bottom:14px}.slider-row{font-size:11px;margin-top:12px;margin-bottom:7px}input[type=range]{appearance:auto;display:block;width:100%;margin:0;height:15px;accent-color:#444;cursor:pointer}.axis{margin:12px 0 15px}.axis-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px;margin-bottom:3px}.axis-header label{font:11px CodaMono,monospace}.axis-header small{font:10px Coda,Arial,sans-serif;color:#777;margin-left:7px}.axis-header output{font:10px CodaMono,monospace}.axis-range{display:flex;justify-content:space-between;font:9px CodaMono,monospace;color:#888;margin-top:2px}.axis input:disabled{opacity:1;accent-color:#555;cursor:default}.helper{font-size:10px;line-height:1.5;color:#777;margin:10px 0 0}.select-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;font-size:11px}.select-row select{width:65%;padding:5px}.palettes{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin:12px 0}.palette{position:relative;overflow:hidden;height:26px;min-width:0;padding:0;border:1px solid #0003;border-radius:0}.palette span{position:absolute;inset:50% 0 0;display:block}.palette.selected{outline:1px solid #222;outline-offset:2px}.color-fields{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px}.color-fields label{display:flex;align-items:center;gap:6px}.color-fields input{width:25px;height:25px;padding:1px;border:1px solid #bbb;background:#fff;cursor:pointer}.color-fields button{padding:3px 7px}.export-area>button{width:100%;margin-top:7px;text-align:left;padding:9px}.export-area>button:first-of-type{background:#222;color:#fff;border-color:#222}.export-area>button:first-of-type:hover{background:#444}.local-note{font-size:9px;color:#777;padding:10px 14px;margin:0}.drop-overlay{display:none;position:absolute;inset:0;background:var(--stage-bg);border:2px dashed currentColor;align-items:center;justify-content:center;flex-direction:column;font-size:24px;line-height:1.5;pointer-events:none}.drop-overlay.visible{display:flex}.drop-overlay small{font-size:13px}.stage-text-editor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90%,400px);background:#fff;color:#222;border:1px solid #999;padding:16px;line-height:1.4;box-shadow:0 4px 20px #0002;z-index:2}.stage-text-editor label{display:block;margin-bottom:8px}.stage-text-editor textarea{font-size:24px}.stage-text-editor button{float:right}.stage-text-editor:after{content:"";display:block;clear:both}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:12px 18px;max-width:90vw;line-height:1.5;z-index:20}.toast.error{background:#a32929}dialog{border:1px solid #999;border-radius:2px;background:#fff;color:#222;padding:24px;width:min(400px,90vw)}dialog::backdrop{background:#0005}dialog h2{font-size:16px;margin:0 0 12px}dialog p{color:#666}progress{display:block;width:100%;height:10px;accent-color:#444;margin-top:20px}.progress-meta{display:flex;justify-content:space-between;font:11px CodaMono,monospace;margin:10px 0 20px}dialog button{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#pending-font{font-size:11px;line-height:1.5}#cancel-import{margin-top:5px}@media (max-width:850px){.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding:14px}.studio{top:14px}.below span{margin-left:0;width:100%}}@media (max-width:650px){.workspace{display:flex;flex-direction:column;padding:12px;gap:20px}.studio{position:static;width:100%}.panel{width:100%}.panel section{padding:14px}.toolbar{font-size:10px}.transport{gap:8px}.transport span{font-size:10px}}.upload-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.upload-screen button{width:min(600px,90vw);min-height:240px;background:transparent;border:1px dashed #999;font:18px Coda,Arial,sans-serif;padding:32px}.upload-screen button:hover,.upload-screen.dragging button{background:#eaeaea}.progress-meta{justify-content:center}.section-title h2,.section-title label,.font-drop strong{font-weight:400}#stage:focus-visible{outline:none}.reset-area button{width:100%}.transport #fullscreen{margin-left:4px;min-width:auto}@media (max-width:480px){.transport{flex-wrap:wrap}.transport input{flex-basis:40%}.transport #fullscreen{margin-left:auto}}