:root{--paper: #f4efe5;--paper-2: #fbf7ee;--paper-3: #ece3d2;--ink: #1a1714;--ink-soft: rgba(26, 23, 20, .55);--ink-mute: rgba(26, 23, 20, .08);--accent-1: #c2552d;--accent-2: #2c5e5c;--dark-bg: #15131a;--amber: #f5b86d;--success: #1f8a5b;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:var(--font-sans);color:var(--ink);background:var(--paper)}.app{display:flex;flex-direction:column;height:100%;position:relative}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--ink-mute);background:#f4efe5d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;z-index:5}.top-bar-brand{display:inline-flex;align-items:center;gap:12px;padding:4px 8px;margin:-4px -8px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--ink);font-family:inherit}.top-bar-brand:hover{background:#1a17140a}.wordmark{font-family:var(--font-serif);font-style:italic;font-size:28px;line-height:1;letter-spacing:-.01em}.toolbar{display:flex;align-items:center;gap:2px;background:var(--paper-3);border-radius:8px;padding:4px}.toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--ink);font-family:inherit;font-size:12px;line-height:1;transition:background .12s ease}.toolbar-btn:hover:not(:disabled){background:#ffffffb3}.toolbar-btn:disabled{opacity:.35;cursor:default}.toolbar-btn svg{flex-shrink:0}.toolbar-row{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.editor-tool-tray{--tray-btn-h: 26px;display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--paper-3);border-bottom:1px solid var(--ink-mute);flex-wrap:wrap}.editor-tool-btn{height:var(--tray-btn-h);padding:0 12px;background:var(--paper-2);color:var(--ink);border:1px solid var(--ink-mute);border-radius:6px;font-family:inherit;font-size:12px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.editor-tool-btn:hover{background:var(--paper)}.editor-tool-btn.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.editor-tool-tray .selected-node-actions{margin-left:auto}.selected-node-actions{display:inline-flex;align-items:center;gap:6px;animation:snap-in .16s ease-out}@keyframes snap-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.selected-node-toggle{display:inline-flex;height:var(--tray-btn-h, 26px);background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:6px;padding:1px;gap:1px}.selected-node-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--ink-soft);cursor:pointer;transition:background .12s ease,color .12s ease}.selected-node-toggle-btn:hover{color:var(--ink)}.selected-node-toggle-btn.is-active{background:var(--ink);color:var(--paper)}.selected-node-delete{display:inline-flex;align-items:center;justify-content:center;width:var(--tray-btn-h, 26px);height:var(--tray-btn-h, 26px);padding:0;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:6px;color:var(--ink);cursor:pointer}.selected-node-delete:hover:not(:disabled){background:var(--paper);color:var(--accent-1);border-color:var(--accent-1)}.selected-node-delete:disabled{opacity:.3;cursor:default}.sub-bar{display:flex;align-items:center;gap:20px;padding:16px 28px;border-bottom:1px solid var(--ink-mute);flex-wrap:wrap}.eyebrow{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.sub-bar-field{display:inline-flex;align-items:center;gap:10px}.sub-bar-field select,.sub-bar-field input[type=range]{font-family:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:6px;font-size:13px}.sub-bar-field select{padding:7px 28px 7px 12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%231a1714' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.symmetry-chip-button{display:inline-flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;background:var(--paper-2);border:1px solid rgba(26,23,20,.12);border-radius:999px;cursor:pointer;color:var(--ink);font-family:inherit;transition:border-color .12s ease,background .12s ease}.symmetry-chip-button:hover{background:var(--paper);border-color:var(--ink-mute)}.symmetry-chip-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;background:var(--paper-3);flex-shrink:0;display:block}.symmetry-chip-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.2}.symmetry-chip-label .eyebrow{font-size:9px;letter-spacing:.12em}.symmetry-chip-name{font-size:13px;font-weight:500;white-space:nowrap}.symmetry-chip-codes{font-family:var(--font-mono);font-size:10px;color:var(--ink-soft);white-space:nowrap;padding-left:4px}.preset-chip-button{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;background:var(--paper-2);border:1px solid rgba(26,23,20,.12);border-radius:999px;cursor:pointer;color:var(--ink);font-family:inherit;transition:border-color .12s ease,background .12s ease}.preset-chip-button:hover{background:var(--paper);border-color:var(--ink-mute)}.preset-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--paper-3);border-radius:50%;color:var(--accent-1);flex-shrink:0}.preset-chip-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.2}.preset-chip-label .eyebrow{font-size:9px;letter-spacing:.12em}.preset-chip-name{font-size:13px;font-weight:500;white-space:nowrap}.preset-drawer{width:560px}.preset-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-y:auto;overflow-x:hidden;padding-bottom:24px;align-content:start}.preset-card{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;font-family:inherit;color:var(--ink);transition:border-color .12s ease}.preset-card:hover{border-color:#1a17144d}.preset-card-preview{position:relative;display:block;aspect-ratio:4 / 3;background:var(--paper-3);overflow:hidden}.preset-card-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px}.preset-card-title{font-size:13px;font-weight:500;line-height:1.2}.preset-card-desc{font-size:11px;color:var(--ink-soft);line-height:1.4}.sub-bar-field input[type=range]{width:120px;accent-color:var(--accent-1);padding:0;background:transparent;border:none}.mono-readout{font-family:var(--font-mono);font-size:12px;width:36px;text-align:right}.app-main{flex:1;display:grid;grid-template-columns:440px minmax(0,1fr);min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;padding:16px 28px 28px;min-height:0}.panel-editor{border-right:1px solid var(--ink-mute)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:30px;flex-wrap:wrap}.panel-header h2{margin:0;font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink)}.panel-canvas{flex:1;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:8px;overflow:hidden;min-height:0}.panel-patch{flex:1;background:var(--paper-3);border-radius:12px;box-shadow:inset 0 0 0 1px #1a17140f;overflow:hidden;min-height:0;position:relative}.panel-canvas svg,.panel-patch svg{display:block}.palette-switcher{display:inline-flex;align-items:center;gap:2px;background:var(--paper-3);padding:4px;border-radius:8px}.palette-chip{display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:none;border-radius:5px;cursor:pointer;color:var(--ink);font-family:inherit;line-height:1;transition:background .12s ease}.palette-chip:hover{background:#ffffff8c}.palette-chip.is-active{background:var(--paper-2);box-shadow:0 1px 2px #0000000f}.palette-chip-swatches{display:inline-flex;gap:2px}.palette-swatch{display:inline-block;width:8px;height:14px;border:.5px solid rgba(0,0,0,.15)}.palette-chip-name{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em;opacity:.55}.palette-chip.is-active .palette-chip-name{opacity:1}.preview-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:#f4efe5e6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--ink-mute);border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--ink);white-space:nowrap;pointer-events:none;z-index:2}.preview-badge-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success)}.preview-badge-code{font-weight:600}.preview-badge-mohr{opacity:.5}.use-this-tile-fab{position:absolute;bottom:24px;right:24px;display:inline-flex;align-items:center;gap:10px;padding:12px 20px 12px 16px;background:var(--ink);color:var(--paper);border:none;border-radius:999px;cursor:pointer;font-family:inherit;font-size:13px;box-shadow:0 8px 24px #1a17142e,0 2px 6px #1a17141a;transition:transform .12s ease;z-index:3}.use-this-tile-fab:hover{transform:translateY(-1px)}.use-this-tile-label{font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1}.use-this-tile-arrow{opacity:.5;font-family:var(--font-mono);font-size:10px}.use-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center}.use-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171473;animation:drawer-fade-in .18s ease-out}.use-sheet{position:relative;width:min(960px,92vw);max-height:90vh;background:var(--paper);border-radius:16px;overflow:hidden;display:flex;box-shadow:0 24px 80px #1a17144d;animation:drawer-slide-in .22s cubic-bezier(.2,.7,.3,1)}.use-sheet-rail{position:relative;width:320px;background:var(--paper-3);overflow:hidden;flex-shrink:0}.use-sheet-rail svg{display:block;width:100%;height:100%}.use-sheet-rail-overlay{position:absolute;bottom:16px;left:16px;right:16px;pointer-events:none}.use-sheet-headline{font-family:var(--font-serif);font-style:italic;font-size:26px;line-height:1.05;color:var(--ink);text-shadow:0 1px 0 rgba(244,239,229,.6)}.use-sheet-content{flex:1;padding:28px 32px;overflow-y:auto;min-width:0}.use-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.use-sheet-title{font-family:var(--font-serif);font-style:italic;font-size:30px;margin:2px 0 0;line-height:1}.use-sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}.use-card{position:relative;display:flex;flex-direction:column;background:var(--paper-2);border:1px solid rgba(26,23,20,.1);border-radius:8px;padding:14px;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);transition:border-color .12s ease,transform .12s ease}.use-card:not(:disabled):hover{border-color:#1a17144d;transform:translateY(-1px)}.use-card.is-soon{opacity:.6;cursor:default}.use-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.use-card-title{font-size:14px;font-weight:500}.use-card-tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.use-card-desc{margin:4px 0 0;font-size:11px;color:var(--ink-soft);line-height:1.5}.use-card-soon{position:absolute;top:12px;right:12px;padding:2px 6px;background:#1a171414;border-radius:3px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.about-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center}.about-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171473;animation:drawer-fade-in .18s ease-out}.about-sheet{position:relative;width:min(520px,92vw);max-height:92vh;background:var(--paper);border-radius:16px;padding:32px 36px 28px;box-shadow:0 24px 80px #1a17144d;animation:drawer-slide-in .22s cubic-bezier(.2,.7,.3,1);overflow:auto}.about-sheet-close{position:absolute;top:16px;right:16px}.about-sheet-title{font-family:var(--font-serif);font-style:italic;font-size:40px;line-height:1;letter-spacing:-.015em;margin:4px 0 18px}.about-sheet-body{font-size:14px;line-height:1.55;color:var(--ink);margin:0 0 14px}.about-sheet-body a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.about-sheet-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:10px 16px;background:var(--ink);color:var(--paper);border-radius:999px;text-decoration:none;font-family:var(--font-serif);font-style:italic;font-size:15px;line-height:1}.about-sheet-link-arrow{font-family:var(--font-mono);font-size:11px;opacity:.6}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#c2552d14;border:3px dashed var(--accent-1);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1000}.drop-overlay-card{background:var(--paper);padding:16px 28px;border-radius:8px;font-size:16px;font-weight:500;color:var(--ink);box-shadow:0 4px 16px #1a17142e}.symmetry-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.symmetry-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171459;animation:drawer-fade-in .18s ease-out}.symmetry-drawer{position:absolute;top:0;right:0;bottom:0;width:640px;max-width:100vw;background:var(--paper);box-shadow:-12px 0 40px #1a171440;padding:28px 32px 0;overflow:hidden;display:flex;flex-direction:column;animation:drawer-slide-in .22s cubic-bezier(.2,.7,.3,1)}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.symmetry-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;flex-shrink:0}.symmetry-drawer-title{font-family:var(--font-serif);font-style:italic;font-size:38px;margin:2px 0 4px;letter-spacing:-.015em;line-height:1.05}.symmetry-drawer-subtitle{font-size:12px;color:var(--ink-soft);margin:0;max-width:380px;line-height:1.4}.symmetry-drawer-close{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(26,23,20,.15);border-radius:6px;color:var(--ink);cursor:pointer}.symmetry-drawer-close:hover{background:var(--paper-2)}.shape-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;flex-shrink:0}.shape-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:8px;cursor:pointer;color:var(--ink);font-family:inherit;transition:background .12s ease,color .12s ease,border-color .12s ease}.shape-tile:hover{background:var(--paper-3)}.shape-tile.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.shape-tile-label{font-size:12px;line-height:1}.shape-tile-count{font-family:var(--font-mono);font-size:10px;opacity:.6}.drawer-filters{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-shrink:0;flex-wrap:wrap}.drawer-search{flex:1;min-width:200px;padding:8px 12px;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:6px;font-family:inherit;font-size:13px;color:var(--ink)}.drawer-search:focus{outline:none;border-color:var(--ink)}.group-pills{display:flex;gap:4px}.group-pill{padding:6px 10px;background:transparent;border:1px solid var(--ink-mute);border-radius:999px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--ink)}.group-pill:hover{background:var(--paper-2)}.group-pill.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.drawer-count{margin:0 0 10px;font-size:10px;flex-shrink:0}.catalog-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-y:auto;overflow-x:hidden;padding-bottom:24px;align-content:start}.catalog-card{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;padding:0;font-family:inherit;color:var(--ink);transition:border-color .12s ease,transform .12s ease}.catalog-card:hover{border-color:#1a17144d}.catalog-card.is-active{border:1.5px solid var(--ink)}.catalog-card-preview{position:relative;display:block;aspect-ratio:4 / 3;background:var(--paper-3);overflow:hidden}.catalog-card-badge{position:absolute;top:8px;right:8px;padding:3px 8px;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;border-radius:999px}.catalog-card-body{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.catalog-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:13px;font-weight:500;line-height:1.2}.catalog-card-group{font-family:var(--font-mono);font-size:10px;color:var(--ink-soft)}.catalog-card-codes{font-family:var(--font-mono);font-size:10px;color:var(--ink-soft);line-height:1.4}.catalog-empty{grid-column:1 / -1;font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--ink-soft);text-align:center;margin:40px 0}.mobile-shell{position:relative;width:100%;height:100%;background:var(--dark-bg);color:var(--paper);overflow:hidden;display:flex;flex-direction:column}.mobile-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mobile-preview .tile-preview-svg{width:100%;height:100%}.mobile-gradient{position:absolute;left:0;right:0;pointer-events:none;z-index:1}.mobile-gradient--top{top:0;height:18vh;background:linear-gradient(to bottom,#15131ad9,#15131a00)}.mobile-gradient--bottom{bottom:0;height:35vh;background:linear-gradient(to top,#15131ad9,#15131a00)}.mobile-app-bar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:var(--paper)}.mobile-app-bar-brand{display:inline-flex;align-items:center;gap:10px;padding:4px 8px;margin:-4px -8px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--paper);font-family:inherit}.mobile-app-bar-brand:hover{background:#ffffff0f}.mobile-wordmark{font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1;letter-spacing:-.01em;color:var(--paper)}.mobile-app-bar-actions{position:relative;display:inline-flex;align-items:center;gap:6px}.mobile-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:#ffffff14;border:none;border-radius:999px;color:var(--paper);cursor:pointer}.mobile-icon-btn:disabled{opacity:.35}.mobile-icon-btn:hover:not(:disabled){background:#ffffff24}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19}.mobile-menu{position:absolute;top:38px;right:0;min-width:200px;background:#282332f5;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px;box-shadow:0 12px 32px #0006;z-index:20;display:flex;flex-direction:column;gap:2px}.mobile-menu button{text-align:left;padding:9px 12px;background:transparent;border:none;border-radius:6px;color:var(--paper);font-family:inherit;font-size:14px;cursor:pointer}.mobile-menu button:hover:not(:disabled){background:#ffffff14}.mobile-menu button:disabled{opacity:.35;cursor:default}.mobile-menu-divider{height:1px;background:#ffffff14;margin:4px 6px}.mobile-chip-row{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 12px;min-width:0}.mobile-chip-row .symmetry-chip-button{min-width:0;flex:1 1 auto}.mobile-chip-row .symmetry-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mobile-shell .symmetry-chip-codes{display:none}.mobile-shape-tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#f4efe599;flex-shrink:0;white-space:nowrap}.mobile-shell .symmetry-chip-button{background:#ffffff14;border-color:#ffffff24;color:var(--paper)}.mobile-shell .symmetry-chip-button:hover{background:#ffffff24;border-color:#fff3}.mobile-shell .symmetry-chip-avatar{background:#00000040}.mobile-shell .symmetry-chip-codes,.mobile-shell .symmetry-chip-label .eyebrow{color:#f4efe58c}.mobile-drawer{position:fixed;left:0;right:0;bottom:0;background:var(--paper);border-radius:20px 20px 0 0;box-shadow:0 -12px 36px #00000059;display:flex;flex-direction:column;z-index:8;height:84px;transition:height .26s cubic-bezier(.2,.7,.3,1);overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.mobile-drawer--half{height:min(320px,52vh)}.mobile-drawer--open{height:min(540px,78vh)}.mobile-drawer-handle{display:flex;justify-content:center;align-items:center;width:100%;height:26px;padding:0;background:transparent;border:none;cursor:grab;touch-action:none;flex-shrink:0}.mobile-drawer-handle-grip{display:block;width:44px;height:4px;border-radius:999px;background:#1a17142e}.mobile-drawer-peek{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 12px}.mobile-drawer-peek-edit{flex:1;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:var(--paper-3);border:none;border-radius:999px;color:var(--ink);font-family:var(--font-serif);font-style:italic;font-size:17px;line-height:1;cursor:pointer;text-align:left}.mobile-drawer-peek-icon{color:var(--accent-1);flex-shrink:0}.mobile-use-cta{padding:14px 22px;background:var(--ink);color:var(--paper);border:none;border-radius:999px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.mobile-drawer-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:0 18px 18px}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:2px 0 12px;flex-shrink:0}.mobile-drawer-title{font-size:14px;font-weight:500;color:var(--ink)}.mobile-drawer-done{padding:6px 14px;background:transparent;border:1px solid var(--ink-mute);border-radius:999px;color:var(--ink);font-family:inherit;font-size:12px;cursor:pointer}.mobile-drawer-canvas{flex:1;min-height:0;background:var(--paper-2);border:1px solid var(--ink-mute);border-radius:12px;overflow:hidden}.mobile-drawer-palettes{margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-drawer-palettes .palette-switcher{display:inline-flex;flex-wrap:nowrap}@media (min-width: 769px) and (max-width: 999px){html,body,#root,.app{height:auto;min-height:100%}.app-main{grid-template-columns:1fr;overflow:visible}.panel-editor{border-right:none;border-bottom:1px solid var(--ink-mute)}.panel-canvas,.panel-patch{flex:none;height:clamp(360px,60vh,720px)}.sub-bar{gap:12px}.toolbar-btn span{font-size:11px}.use-sheet{flex-direction:column;max-height:92vh}.use-sheet-rail{width:100%;height:180px}.use-sheet-grid{grid-template-columns:1fr}}@media (max-width: 768px){.symmetry-drawer{padding:20px 18px 0}.symmetry-drawer-title{font-size:30px}.use-sheet{flex-direction:column;max-height:92vh}.use-sheet-rail{width:100%;height:160px}.use-sheet-grid{grid-template-columns:1fr}}