:root{color-scheme:light;--bg: #dbd7cc;--paper: #f3eee0;--paper-grid: rgba(43, 42, 38, .09);--surface-dark: #46443e;--surface-dark-2: #55534b;--border: #c9c4b6;--text: #2b2a26;--text-dim: #8a8678;--text-on-dark: #f2efe4;--text-on-dark-dim: #b9b6a9;--accent-green: #4c6b46;--accent-green-disabled: #9aa88f;--gold: #caa227;--blue: #3d7fd9;--danger: #c0392b;--metallic-hi: #ececeb;--metallic-lo: #a9a9a6;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 10px;--tabbar-h: 64px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text)}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit}.app-shell{display:flex;flex-direction:column;height:100dvh;padding-top:env(safe-area-inset-top)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.app-header h1{font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.icon-btn{background:none;border:none;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text)}.screen{flex:1;overflow-y:auto;padding:0 16px calc(var(--tabbar-h) + 24px)}.tab-bar{position:fixed;left:0;right:0;bottom:0;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--border);display:flex}.tab-bar button{flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--text-dim)}.tab-bar button .tab-icon{font-size:20px}.tab-bar button.active{color:var(--accent-green)}.empty-state{margin-top:20%;text-align:center;color:var(--text-dim);font-size:15px;line-height:1.5;border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:24px}.hint-text{text-align:center;color:var(--text-dim);font-size:14px;line-height:1.5;padding:0 20px;margin:14px 0}.folder-row{display:flex;gap:10px;overflow-x:auto;padding:4px 0 16px}.folder-chip{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:var(--surface-dark);color:var(--text-on-dark-dim);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.folder-chip.active{color:var(--text-on-dark);background:var(--accent-green)}.folder-chip-menu-btn{background:none;border:none;color:inherit;opacity:.6;font-size:13px;line-height:1;padding:2px;margin:-2px;display:flex;align-items:center}.folder-chip-menu-btn:active{opacity:1}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:var(--surface-dark);border-radius:var(--radius-md);padding:12px;position:relative}.card-menu-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:999px;background:#0000004d;color:var(--text-on-dark);border:none;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1}.list-row-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-thumb{aspect-ratio:3 / 4;border-radius:var(--radius-sm);background:var(--paper);margin-bottom:8px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px}.card-title{font-size:14px;font-weight:600;color:var(--text-on-dark)}.list-row{background:var(--surface-dark);border-radius:var(--radius-md);padding:14px;margin-bottom:12px}.list-row-title{font-weight:700;font-size:15px;margin-bottom:2px;color:var(--text-on-dark)}.list-row-sub{color:var(--text-on-dark-dim);font-size:13px}.fab{position:fixed;right:20px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);width:56px;height:56px;border-radius:999px;background:var(--accent-green);color:var(--text-on-dark);font-size:26px;font-weight:700;border:none;box-shadow:0 6px 18px #4c6b4666}.settings-section{margin:20px 0}.settings-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text);margin-bottom:8px}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.settings-field label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.settings-field input{background:var(--surface-dark);color:var(--text-on-dark);border:none;border-radius:var(--radius-sm);padding:10px 12px;font-size:15px}.btn{background:var(--accent-green);color:var(--text-on-dark);border:none;border-radius:var(--radius-sm);padding:13px 16px;font-weight:700;font-size:15px}.btn-secondary{background:var(--surface-dark);color:var(--text-on-dark)}.btn-danger{background:var(--danger)}.full-width{width:100%;display:block}.status-line{font-size:13px;margin-top:6px}.status-line.ok{color:#3f7a3f}.status-line.err{color:var(--danger)}.shape-editor-stage{display:flex;justify-content:center;padding:30px 0;touch-action:none}.shape-outline{position:relative;border:2px dashed var(--text-dim);background:#ffffff59}.shape-handle{position:absolute;background:var(--gold);color:var(--text);border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;touch-action:none}.shape-handle-width{right:-14px;top:50%;transform:translateY(-50%);width:24px;height:56px}.shape-handle-height{bottom:-14px;left:50%;transform:translate(-50%);width:56px;height:24px}.pill-button{width:100%;background:transparent;border:1.5px dashed var(--text-dim);border-radius:var(--radius-sm);padding:12px;font-weight:600;font-size:14px;color:var(--text);margin-bottom:10px}.pill-button:disabled,.btn:disabled{opacity:.45}.canvas-stage{display:flex;justify-content:center;padding:12px 0 20px}.pedal-canvas{position:relative;background-color:var(--paper);background-image:linear-gradient(var(--paper-grid) 1px,transparent 1px),linear-gradient(90deg,var(--paper-grid) 1px,transparent 1px);background-size:20px 20px;touch-action:none;overflow:hidden}.pedal-canvas-static{touch-action:auto;pointer-events:none}.pedal-thumbnail{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-sm);background:var(--paper);margin-bottom:8px;overflow:hidden}.pedal-thumbnail-inner{position:absolute;top:50%;left:50%;transform-origin:center}.ctl{display:flex;align-items:center;justify-content:center;cursor:grab}.ctl-selected{outline:2.5px solid var(--accent-green);outline-offset:3px;border-radius:999px}.ctl-knob{width:100%;height:100%;border-radius:999px;position:relative;display:flex;align-items:center;justify-content:center}.ctl-knob-indicator{width:2.5px;height:35%;background:var(--text-on-dark);border-radius:2px;transform:translateY(-25%)}.ctl-knob-tick-arm{position:absolute;left:50%;top:50%;width:68%;height:0;transform-origin:0% 0%}.ctl-knob-tick-mark{position:absolute;right:0;top:-.75px;width:19%;height:1.5px;border-radius:1px;background:var(--text-dim)}.ctl-slider{position:relative;background:transparent;border:1.5px solid var(--text-dim);width:100%;height:100%}.ctl-slider-v,.ctl-slider-h{border-radius:999px}.ctl-slider-thumb{position:absolute;width:60%;height:16%;left:20%;border-radius:4px}.ctl-slider-v .ctl-slider-thumb{width:70%;height:12%;left:15%}.ctl-slider-h .ctl-slider-thumb{width:12%;height:70%;top:15%}.ctl-metallic{width:100%;height:100%;background:radial-gradient(circle at 35% 30%,var(--metallic-hi),var(--metallic-lo))}.ctl-round{border-radius:999px}.ctl-hexnut{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0% 50%);display:flex;align-items:center;justify-content:center}.ctl-hexnut-hole{width:30%;height:30%;border-radius:999px;background:var(--surface-dark)}.ctl-flat-round{width:100%;height:100%;border-radius:999px}.ctl-label{width:100%;height:100%;border:1.5px solid var(--accent-green);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--paper);padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-flyout{position:absolute;top:0;right:0;background:var(--surface-dark);border-radius:var(--radius-md);padding:8px 0;z-index:5;box-shadow:0 10px 24px #00000040}.palette-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text-on-dark);padding:10px 22px;font-size:12px;width:100%}.palette-icon{font-size:18px}.property-panel{background:var(--paper);border-radius:var(--radius-md);padding:16px;margin-bottom:14px}.property-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.property-panel-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.property-panel-actions{display:flex;gap:14px}.icon-btn-flat{background:none;border:none;font-size:17px;color:var(--text)}.icon-btn-flat:disabled{opacity:.3}.position-block{margin-bottom:12px}.position-block-row{display:flex;align-items:center;gap:10px}.nudge-pad{display:grid;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);gap:2px;flex-shrink:0}.nudge-btn{background:var(--surface-dark);color:var(--text-on-dark);border-radius:var(--radius-sm);font-size:13px}.nudge-pad-center{background:transparent}.icon-danger{color:var(--danger)}.field-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.field-label{font-size:13px;color:var(--text);min-width:46px}.field-value{font-size:13px;color:var(--text-dim);min-width:16px;text-align:right}.field-note{font-size:12px;color:var(--text-dim);font-style:italic;margin:0 0 10px}.slider-blue{flex:1;accent-color:var(--blue)}.pill-input{width:100%;background:var(--surface-dark);color:var(--text-on-dark);border:none;border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;margin-bottom:10px}.pill-input::placeholder{color:var(--text-on-dark-dim)}.pill-textarea{resize:vertical;min-height:44px;font-family:inherit}.color-swatch{width:30px;height:30px;border-radius:999px;border:2px solid var(--border);display:inline-block;position:relative;overflow:hidden}.color-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:20}.sheet{background:var(--paper);width:100%;border-radius:24px 24px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.sheet-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 14px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.preset-tile{background:var(--bg);border:none;border-radius:var(--radius-md);height:110px;display:flex;align-items:center;justify-content:center}.preset-tile-shape{background:var(--surface-dark)}.board-graphic{display:flex;align-items:stretch;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 6px 14px #0003}.board-endcap{width:12px;background:var(--surface-dark)}.board-body{flex:1;background:linear-gradient(var(--metallic-hi),var(--metallic-lo));display:flex;flex-direction:column;padding:4px;gap:4px}.board-row{min-height:64px;display:flex;gap:4px;align-items:stretch}.board-row-empty{opacity:.4}.board-row-active{outline:2px solid var(--accent-green);outline-offset:-2px;border-radius:4px}.board-pedal{position:relative;flex:1;max-width:34px;border-radius:6px;border:1px solid rgba(0,0,0,.25)}.board-pedal-remove{position:absolute;top:-8px;right:-8px;width:18px;height:18px;border-radius:999px;background:var(--danger);color:#fff;border:none;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.row-pedal-list{background:var(--surface-dark);border-radius:var(--radius-md);padding:4px 12px;margin-bottom:14px}.row-pedal-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.row-pedal-item:last-child{border-bottom:none}.row-pedal-name{font-size:14px;font-weight:600;color:var(--text-on-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-pedal-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.row-pedal-actions .icon-btn-flat{color:var(--text-on-dark)}.pill-select{background:transparent;border:1.5px dashed var(--text-dim);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;color:var(--text-on-dark)}.pedal-picker-list{max-height:320px;overflow-y:auto;margin-bottom:16px}.pedal-picker-row{width:100%;display:flex;align-items:center;gap:12px;background:var(--surface-dark);color:var(--text-on-dark);border:none;border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px;font-size:14px}.pedal-picker-row-selected{outline:2px solid var(--accent-green)}.pedal-picker-swatch{width:22px;height:22px;border-radius:6px;flex-shrink:0}.pedal-picker-check{margin-left:auto;color:#7fbf6f;font-weight:700}.cheat-pedal-name{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 16px;text-align:center}.cheat-entry{background:var(--surface-dark);color:var(--text-on-dark);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:10px}.cheat-entry-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.cheat-entry-name{font-weight:700;font-size:15px}.cheat-entry-type{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-on-dark-dim)}.cheat-entry-note{margin:0;font-size:14px;color:var(--text-on-dark-dim);line-height:1.4}.cheat-entry-positions{margin:0;padding-left:18px;font-size:14px;color:var(--text-on-dark-dim);line-height:1.6}.cheat-entry-positions strong{color:var(--text-on-dark)}.ctl-play{cursor:pointer}.ctl-knob-arm{position:absolute;left:50%;top:50%;width:36%;height:2.5px;background:var(--text-on-dark);border-radius:2px;transform-origin:0% 50%}.ctl-led{position:absolute;top:10%;left:50%;width:18%;height:18%;border-radius:999px;background:var(--metallic-lo);transform:translate(-50%);box-shadow:inset 0 0 2px #0006}.ctl-led-on{background:#6fbf5f;box-shadow:0 0 6px 2px #6fbf5fcc,inset 0 0 2px #0000004d}.ctl-flat-round-on{box-shadow:0 0 0 3px var(--accent-green),0 0 10px 3px #4c6b4699}.ctl-play-caption{position:absolute;top:100%;left:50%;margin-top:4px;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;background:#f3eee0d9;padding:1px 4px;border-radius:4px}.play-strip-wrap{margin-bottom:4px}.board-graphic-compact{transform:scale(.8);transform-origin:top center;margin:0 auto -18px}.board-pedal-selected{outline:2.5px solid var(--accent-green);outline-offset:1px}.play-pedal-stage{display:flex;justify-content:center;padding:20px 0 32px}.play-pedal-canvas{position:relative;touch-action:none;box-shadow:0 10px 26px #0000004d}.play-pedal-label{text-align:center;font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:-18px 0 8px}.export-card{background:var(--paper);padding:28px 20px 20px;display:flex;flex-direction:column;align-items:center}.export-header{text-align:center;margin-bottom:20px}.export-tone-name{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text)}.export-tone-notes{font-size:13px;color:var(--text-dim);margin-top:6px;max-width:280px}.export-pedal-block{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.export-pedal-label{margin-top:14px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.export-footer{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-top:4px}.export-preview-img{width:100%;border-radius:var(--radius-sm);margin-bottom:12px;box-shadow:0 6px 16px #0003}