.pattern-canvas[data-v-fc34e152]{touch-action:none;background:0 0;display:block}.pattern-canvas.grab[data-v-fc34e152]{cursor:grab}.pattern-canvas.grabbing[data-v-fc34e152]{cursor:grabbing}.panel[data-v-fcb54e31]{box-sizing:border-box;width:100%}.flex-1[data-v-fcb54e31]{flex:1}.mini[data-v-0bcd9380]{cursor:crosshair;touch-action:none;background:#15171b;border-radius:4px;align-self:center;width:160px;height:160px;display:block}.io-import-row[data-v-550b3d40]{gap:var(--space-sm);align-items:stretch;display:flex}.io-import-row .io-import[data-v-550b3d40]{flex:1}.io-settings[data-v-550b3d40]{width:36px;font-size:var(--fs-md);flex:none;justify-content:center;align-items:center;padding-left:0;padding-right:0;line-height:1;display:flex}.floating[data-v-83bff156]{z-index:30;max-height:calc(100vh - 24px);position:fixed;overflow-y:auto}.fp-header[data-v-83bff156]{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;display:flex}.fp-title[data-v-83bff156]{color:var(--text-dim);text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.05em}.fp-close[data-v-83bff156]{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.fp-close[data-v-83bff156]:hover{color:var(--text)}.fp-body[data-v-83bff156]{gap:var(--space-sm);flex-direction:column;display:flex}.check[data-v-d101fdd6]{cursor:pointer}.res-slider[data-v-d101fdd6]{flex:1;min-width:0}.hint-multiline[data-v-d101fdd6]{margin-top:-4px;line-height:1.35}.tl-progress[data-v-d101fdd6]{flex-direction:column;gap:4px;display:flex}.tl-progress progress[data-v-d101fdd6]{width:100%}.tl-textarea[data-v-6718dc9f]{resize:vertical;width:100%;font:inherit}.tl-btn[data-v-6718dc9f]{text-align:center}.align-group[data-v-6718dc9f]{gap:4px;display:flex}.align-btn[data-v-6718dc9f]{background:var(--btn-ghost);width:28px;color:var(--text);border:1px solid var(--panel-border);padding:4px 0}.align-btn.active[data-v-6718dc9f]{background:var(--accent);color:#fff;border-color:#0000}.code-edit[data-v-58583a92]{width:100%;height:520px;position:relative}.code-ta[data-v-58583a92],.code-pre[data-v-58583a92]{border:1px solid var(--panel-border);border-radius:var(--radius);tab-size:2;white-space:pre;box-sizing:border-box;width:100%;height:100%;margin:0;padding:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;position:absolute;inset:0;overflow:auto}.code-pre[data-v-58583a92]{pointer-events:none;background:var(--btn-ghost);color:var(--text);z-index:0}.code-pre code[data-v-58583a92]{font:inherit}.code-ta[data-v-58583a92]{color:#0000;caret-color:var(--text);resize:none;z-index:1;background:0 0}.code-pre[data-v-58583a92] .tok-comment{color:#6a9955}.code-pre[data-v-58583a92] .tok-string{color:#ce9178}.code-pre[data-v-58583a92] .tok-number{color:#b5cea8}.code-pre[data-v-58583a92] .tok-keyword{color:#569cd6}.playback[data-v-db2d606f]{padding:8px 14px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.scrubber[data-v-db2d606f]{width:260px}.play-btn[data-v-db2d606f],.reset-btn[data-v-db2d606f]{flex-shrink:0;width:30px;height:30px;padding:0}.reset-btn[data-v-db2d606f]{color:var(--text-dim)}.app{justify-content:center;align-items:center;min-height:100vh;display:flex}.right-stack{flex-direction:column;gap:10px;width:220px;max-height:calc(100vh - 24px);display:flex;position:fixed;top:12px;right:12px;overflow-y:auto}.left-stack{flex-direction:column;gap:10px;width:200px;max-height:calc(100vh - 24px);display:flex;position:fixed;top:12px;left:12px;overflow-y:auto}.left-stack .tl-label{margin-top:4px}.left-stack .grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.left-stack button{background:var(--btn-ghost);color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius);cursor:pointer;padding:5px 6px}.left-stack button.active{background:var(--accent);color:#fff}.left-stack button:disabled{opacity:.4;cursor:default}.left-stack input[type=range]{width:100%}.left-stack .io-import{text-align:center}:root{--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:10px;--fs-sm:13px;--fs-md:15px;--bg:#0e1013;--panel:#23262dee;--panel-border:#3a86ff55;--text:#cdd;--text-dim:#9aa;--accent:#3a86ff;--select:#ffbe0b;--btn-ghost:#2a2d34;--radius:8px;--space-sm:6px;--space-md:10px}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-sm);margin:0}.tl-panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-md);color:var(--text);font-size:var(--fs-sm);gap:var(--space-sm);flex-direction:column;display:flex}.tl-label{color:var(--text-dim);text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.05em}.tl-btn{background:var(--accent);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);cursor:pointer;font-size:var(--fs-sm);border:none}.tl-btn--ghost{background:var(--btn-ghost);color:var(--text);border:1px solid var(--panel-border)}.tl-btn:disabled{opacity:.4;cursor:default}.tl-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.tl-hint{color:var(--text-dim);font-size:var(--fs-xs)}input[type=number],input[type=text],input[type=search]{box-sizing:border-box;background:var(--btn-ghost);color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius);font-family:inherit;font-size:var(--fs-sm);padding:4px 6px}input[type=number]:focus,input[type=text]:focus,input[type=search]:focus{border-color:var(--accent);outline:none}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-input{width:70px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}