.ec-design .tool-header,.ec-design .dv-hero,.ec-design .bs-hero{background:var(--ec-paper)}.ec-design .tool-title,.ec-design .dv-hero h1,.ec-design .bs-hero h1{font-family:var(--ec-font);font-weight:700;letter-spacing:-.065em}.ec-design :where(.tool-title,.dv-hero h1) em{color:inherit;font-family:inherit;font-style:normal}.ec-design :where(.dv-panel,.sidebar,.panel,.card){border-color:var(--ec-line)}.ec-design :where(.dv-panel,.sidebar-section,.panel-inner){border-radius:.9rem}.ec-design :where(.dv-button,.preset-btn,.action-btn,.view-tabs button,.tool-bar button){border-radius:999px;font-family:var(--ec-font);font-weight:700}.ec-design :where(.dv-section-label,.section-label,.field-label,.bs-eyebrow,.tool-meta){font-family:var(--ec-font);font-weight:800;letter-spacing:.1em}.ec-design{--cream: var(--ec-paper);--cream-deep: var(--ec-cream);--cream-dark: #e7dfd2;--forest: var(--ec-forest);--forest-deep: var(--ec-forest-deep);--terracotta: var(--ec-terra);--charcoal: var(--ec-ink);--charcoal-soft: var(--ec-muted);--rule: var(--ec-line)}.ec-design .container{width:min(100%,1200px);margin-inline:auto;padding-inline:var(--ec-page-pad)}.ec-design :where(h1,h2,h3,h4,p,button,input,select,textarea,a){font-family:var(--ec-font)}.tool-header{padding:4rem 0 2.5rem}.tool-meta{font-family:JetBrains Mono,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--charcoal-soft);margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem}.tool-meta:before{content:"";width:2rem;height:1px;background:var(--forest);display:inline-block}.tool-title{font-family:Fraunces,serif;font-weight:300;font-size:clamp(2.25rem,5vw,4rem);line-height:1;letter-spacing:-.03em;color:var(--forest-deep);margin-bottom:1rem}.tool-title em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--terracotta)}.tool-lede{font-family:Fraunces,serif;font-size:1.1rem;line-height:1.55;color:var(--charcoal-soft);font-weight:300;max-width:60ch}.tool-body{padding-bottom:5rem}.tool-container{max-width:1280px;margin:0 auto;padding:0 2.5rem;display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.sidebar{background:var(--cream-deep);border:1px solid var(--rule);border-radius:3px;overflow:hidden;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.sidebar-section{padding:1.25rem 1.1rem;border-bottom:1px solid var(--rule)}.sidebar-section:last-child{border-bottom:none}.section-label{font-family:JetBrains Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.18em;color:var(--charcoal-soft);margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.section-label:before{content:"§";font-family:Fraunces,serif;font-size:.9rem;color:var(--terracotta)}.field-group{display:flex;flex-direction:column;gap:.3rem;flex:1}.field-label{font-family:JetBrains Mono,monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--charcoal-soft)}.field-input{border:1px solid var(--rule);border-radius:2px;background:var(--cream);color:var(--charcoal);padding:.38rem .55rem;font-family:JetBrains Mono,monospace;font-size:.8rem;width:100%;transition:border-color .15s ease}.field-input:focus{outline:none;border-color:var(--forest)}.color-input{border:1px solid var(--rule);border-radius:2px;height:2rem;padding:.15rem;width:100%;cursor:pointer;background:var(--cream)}.dims-row{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:.75rem}.dims-x{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--charcoal-soft);padding-bottom:.5rem;flex-shrink:0}.preset-row{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.85rem}.preset-btn{background:transparent;border:1px solid var(--rule);border-radius:2px;color:var(--charcoal-soft);padding:.28rem .55rem;font-family:JetBrains Mono,monospace;font-size:.68rem;cursor:pointer;transition:all .15s ease}.preset-btn:hover{border-color:var(--forest);color:var(--forest-deep);background:var(--cream)}.settings-lower{display:flex;align-items:flex-end;gap:.75rem}.color-field{flex:0 0 80px}.toggle-group{display:flex;flex-direction:column;gap:.4rem;flex:1}.toggle-label{display:flex;align-items:center;gap:.45rem;font-family:JetBrains Mono,monospace;font-size:.68rem;color:var(--charcoal-soft);cursor:pointer;user-select:none}.toggle-label input[type=checkbox]{accent-color:var(--forest-deep);width:13px;height:13px;cursor:pointer}.cat-group{margin-bottom:.75rem}.cat-group:last-child{margin-bottom:0}.cat-group-label{font-family:JetBrains Mono,monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;color:var(--charcoal-soft);margin-bottom:.35rem;opacity:.7}.cat-pills{display:flex;flex-wrap:wrap;gap:.3rem}.cat-pill{background:var(--cream);border:1px solid var(--rule);border-radius:2px;color:var(--charcoal);padding:.3rem .6rem;font-family:JetBrains Mono,monospace;font-size:.68rem;cursor:pointer;transition:all .12s ease;display:flex;align-items:center;gap:.35rem;white-space:nowrap}.cat-pill:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--swatch);flex-shrink:0}.cat-pill:hover{border-color:var(--forest);background:var(--cream-deep)}.rotation-row{display:flex;align-items:center;gap:.5rem}.rotation-slider{flex:1;accent-color:var(--forest-deep);cursor:pointer}.rotation-num{width:52px;flex-shrink:0}.action-btn{background:transparent;border:1px solid var(--rule);border-radius:2px;color:var(--charcoal);padding:.38rem .75rem;font-family:JetBrains Mono,monospace;font-size:.7rem;cursor:pointer;transition:all .14s ease;white-space:nowrap}.action-btn:hover{background:var(--forest-deep);border-color:var(--forest-deep);color:var(--cream)}.action-btn.danger:hover{background:#7a1e1e;border-color:#7a1e1e;color:var(--cream)}.action-btn.full{width:100%;text-align:center;margin-bottom:.6rem}.action-btn.sm{padding:.25rem .5rem;font-size:.65rem}.import-label{display:inline-flex;align-items:center;justify-content:center}.item-action-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.layouts-list{margin-bottom:.75rem}.layout-row{display:flex;align-items:center;gap:.4rem;padding:.3rem 0;border-bottom:1px solid var(--rule)}.layout-row:last-child{border-bottom:none}.layout-name{flex:1;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--charcoal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-row{display:flex;gap:.4rem;flex-wrap:wrap}.canvas-col{display:flex;flex-direction:column;gap:.75rem}#booth-canvas{display:block;width:100%;border:1px solid var(--rule);border-radius:3px;cursor:crosshair;touch-action:none}.canvas-hint{font-family:JetBrains Mono,monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--charcoal-soft);opacity:.6;text-align:center}@media (max-width: 900px){.tool-container{grid-template-columns:1fr;padding:0 1.25rem}.sidebar{position:static;max-height:none}.tool-header{padding:2.5rem 0 1.5rem}}