.background-picker.svelte-tbmmro.svelte-tbmmro{display:flex;flex-direction:column;gap:8px;width:100%}.picker-header.svelte-tbmmro.svelte-tbmmro{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #888)}.thumbnails.svelte-tbmmro.svelte-tbmmro{display:grid;grid-template-columns:1fr 1fr;gap:8px}.thumbnail-btn.svelte-tbmmro.svelte-tbmmro{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.thumbnail-btn.svelte-tbmmro.svelte-tbmmro:hover{background:#ffffff14;border-color:#fff3}.thumbnail-btn.active.svelte-tbmmro.svelte-tbmmro{background:rgba(var(--accent-rgb, 100, 100, 255),.1);border-color:var(--accent-color, #646cff);box-shadow:0 0 0 1px var(--accent-color, #646cff)}.preview.svelte-tbmmro.svelte-tbmmro{width:100%;height:48px;border-radius:4px;position:relative;overflow:hidden;background:#0003}.spectrum-preview.svelte-tbmmro.svelte-tbmmro{background:linear-gradient(135deg,#64c8ff33,#ff64c833)}.circle.svelte-tbmmro.svelte-tbmmro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.3)}.c1.svelte-tbmmro.svelte-tbmmro{width:20px;height:20px}.c2.svelte-tbmmro.svelte-tbmmro{width:36px;height:36px;opacity:.5}.data-preview.svelte-tbmmro.svelte-tbmmro{background:#141e2866}.grid-lines.svelte-tbmmro.svelte-tbmmro{width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:12px 12px}.thumbnail-label.svelte-tbmmro.svelte-tbmmro{font-size:11px;color:var(--text-secondary, #888);font-weight:500}.thumbnail-btn.active.svelte-tbmmro .thumbnail-label.svelte-tbmmro{color:var(--text-primary, #fff)}.theme-picker.svelte-eyx3mg.svelte-eyx3mg{display:flex;flex-direction:column;gap:8px;width:100%}.picker-header.svelte-eyx3mg.svelte-eyx3mg{display:flex;align-items:center;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #888)}.thumbnails.svelte-eyx3mg.svelte-eyx3mg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.thumbnail-btn.svelte-eyx3mg.svelte-eyx3mg{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;background:#ffffff08;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.thumbnail-btn.svelte-eyx3mg.svelte-eyx3mg:hover{background:#0000000d;border-color:#0003}.thumbnail-btn.active.svelte-eyx3mg.svelte-eyx3mg{background:var(--g-color-accent-quiet, rgba(100, 100, 255, .1));border-color:var(--g-color-accent-active, #646cff);box-shadow:0 0 0 1px var(--g-color-accent-active, #646cff)}.preview.svelte-eyx3mg.svelte-eyx3mg{width:100%;height:48px;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.mock-content.svelte-eyx3mg.svelte-eyx3mg{width:60%;display:flex;flex-direction:column;gap:4px;opacity:.6}.line.svelte-eyx3mg.svelte-eyx3mg{height:4px;border-radius:2px}.l1.svelte-eyx3mg.svelte-eyx3mg{width:100%}.l2.svelte-eyx3mg.svelte-eyx3mg{width:70%}.icon-badge.svelte-eyx3mg.svelte-eyx3mg{position:absolute;bottom:4px;right:4px;opacity:.8}.light-preview.svelte-eyx3mg.svelte-eyx3mg{background:#fff;border:1px solid #e5e5e5;color:#1a1a1a}.light-preview.svelte-eyx3mg .line.svelte-eyx3mg{background:#e5e5e5}.middle-preview.svelte-eyx3mg.svelte-eyx3mg{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.middle-preview.svelte-eyx3mg .line.svelte-eyx3mg{background:#cbd5e1}.dark-preview.svelte-eyx3mg.svelte-eyx3mg{background:#1a1a1a;border:1px solid #333;color:#fff}.dark-preview.svelte-eyx3mg .line.svelte-eyx3mg{background:#333}.thumbnail-label.svelte-eyx3mg.svelte-eyx3mg{font-size:11px;color:var(--text-secondary, #888);font-weight:500}.thumbnail-btn.active.svelte-eyx3mg .thumbnail-label.svelte-eyx3mg{color:var(--text-primary, #1a1a1a);font-weight:600}.appearance-controls.svelte-g68aqn.svelte-g68aqn{display:flex;flex-direction:column;gap:8px}.control-buttons.svelte-g68aqn.svelte-g68aqn{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:6px;margin:-6px}.control-buttons.svelte-g68aqn.svelte-g68aqn::-webkit-scrollbar{display:none}.neo-btn.svelte-g68aqn.svelte-g68aqn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease;color:var(--g-color-fg-muted, #64748b);flex-shrink:0;background:var(--g-color-bg-subtle, #f1f5f9);box-shadow:-2px -2px 4px #fffc,-1px -1px 2px #fff9,2px 2px 4px #00000014,1px 1px 2px #0000000d,inset 0 1px #ffffff80}.neo-btn.svelte-g68aqn.svelte-g68aqn:hover:not(:disabled){color:var(--g-color-fg-primary, #0f172a);box-shadow:-3px -3px 6px #ffffffe6,-1px -1px 3px #ffffffb3,3px 3px 6px #0000001a,1px 1px 3px #00000012,inset 0 1px #fff9;transform:translateY(-1px)}.neo-btn.svelte-g68aqn.svelte-g68aqn:active:not(:disabled),.neo-btn.toggled.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong, var(--g-color-accent-active));color:var(--g-color-fg-on-strong, var(--brandscale-25));box-shadow:inset 2px 2px 4px #0000001a,inset 1px 1px 2px #00000014,inset -1px -1px 2px #ffffff80,0 0 0 1px oklch(.5 .1 var(--brand-hue, 180) / .2);transform:translateY(0)}.neo-btn.svelte-g68aqn.svelte-g68aqn:disabled{opacity:.4;cursor:not-allowed}.drawer.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-subtle, #f8f9fa);border-radius:8px;border:1px solid var(--g-color-border-subtle, #e2e8f0);padding:10px 12px;display:flex;flex-direction:column;gap:10px}.drawer-row.svelte-g68aqn.svelte-g68aqn{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-label.svelte-g68aqn.svelte-g68aqn{font-size:.75rem;font-weight:500;color:var(--g-color-fg-muted, #64748b);min-width:60px}.slider-control.svelte-g68aqn.svelte-g68aqn{display:flex;align-items:center;gap:8px;flex:1;max-width:170px}.slider.svelte-g68aqn.svelte-g68aqn,.hue-slider.svelte-g68aqn.svelte-g68aqn{flex:1;min-width:60px;height:4px;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--g-color-border-subtle, #e2e8f0);cursor:pointer;opacity:.8}.slider.svelte-g68aqn.svelte-g68aqn:hover,.hue-slider.svelte-g68aqn.svelte-g68aqn:hover{opacity:1}.hue-slider.svelte-g68aqn.svelte-g68aqn{background:linear-gradient(to right,#b95f7d,#b6675a,#b36d2a 16.67%,#778a2d 33.33%,#4e925e 41.67%,#2e9471 45.83%,#209576,#09967a,#00957f,#009583 50%,#2b88c0 66.67%,#5083bf,#687cbf 75%,#8c6ebd 83.33%,#b95f7d);background:linear-gradient(to right,#b95f7d,#b6675a,#b36d2a 16.67%,#778a2d 33.33%,#4e925e 41.67%,#2e9471 45.83%,#209576,#09967a,color(xyz 0.144 0.232 0.237),color(xyz 0.143 0.233 0.252) 50%,#2b88c0 66.67%,#5083bf,#687cbf 75%,#8c6ebd 83.33%,#b95f7d)}.slider.svelte-g68aqn.svelte-g68aqn::-webkit-slider-thumb,.hue-slider.svelte-g68aqn.svelte-g68aqn::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--g-color-bg-panel, white);border:1.5px solid var(--g-color-accent-active, #0b3035);cursor:pointer;box-shadow:0 1px 2px #0000001a;transition:transform .1s ease}.slider.svelte-g68aqn.svelte-g68aqn::-webkit-slider-thumb:hover,.hue-slider.svelte-g68aqn.svelte-g68aqn::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value.svelte-g68aqn.svelte-g68aqn{font-family:var(--g-font-mono, monospace);font-size:.65rem;min-width:2rem;text-align:right;color:var(--g-color-fg-primary, #0f172a)}.hue-preview.svelte-g68aqn.svelte-g68aqn{width:100%;height:4px;border-radius:2px}.blend-select.svelte-g68aqn.svelte-g68aqn{flex:1;max-width:100px;height:24px;font-size:.7rem;padding:0 6px;border:1px solid var(--g-color-border-subtle, #e2e8f0);border-radius:4px;background:var(--g-color-bg-panel, #fff);color:var(--g-color-fg-primary, #0f172a);cursor:pointer}.toggle-slider-control.svelte-g68aqn.svelte-g68aqn{display:flex;align-items:center;gap:6px;flex:1;max-width:180px}.toggle-btn.svelte-g68aqn.svelte-g68aqn{min-width:32px;height:20px;font-size:.6rem;font-weight:600;padding:0 4px;border:1px solid var(--g-color-border-subtle, #e2e8f0);border-radius:4px;background:var(--g-color-bg-panel, #fff);color:var(--g-color-fg-muted, #64748b);cursor:pointer;transition:all .15s}.toggle-btn.svelte-g68aqn.svelte-g68aqn:hover{border-color:var(--g-color-border-strong, rgba(0, 0, 0, .2))}.toggle-btn.active.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong, var(--g-color-accent-active));color:var(--g-color-fg-on-strong, var(--brandscale-25));border-color:transparent}.gradient-style-toggles.svelte-g68aqn.svelte-g68aqn{display:flex;gap:2px}.style-btn.svelte-g68aqn.svelte-g68aqn{width:20px;height:20px;font-size:.6rem;font-weight:600;padding:0;border:1px solid var(--g-color-border-subtle, #e2e8f0);border-radius:3px;background:var(--g-color-bg-panel, #fff);color:var(--g-color-fg-muted, #64748b);cursor:pointer;transition:all .15s}.style-btn.svelte-g68aqn.svelte-g68aqn:hover:not(:disabled){border-color:var(--g-color-border-strong, rgba(0, 0, 0, .2))}.style-btn.active.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong, var(--g-color-accent-active));color:var(--g-color-fg-on-strong, var(--brandscale-25));border-color:transparent}.style-btn.svelte-g68aqn.svelte-g68aqn:disabled{opacity:.4;cursor:not-allowed}.toggle-slider-control.svelte-g68aqn .slider.svelte-g68aqn{flex:1;min-width:40px;max-width:60px}.toggle-slider-control.svelte-g68aqn .slider.svelte-g68aqn:disabled{opacity:.4}.bg-toggles.svelte-g68aqn.svelte-g68aqn{display:flex;align-items:center;gap:4px}.bg-btn.svelte-g68aqn.svelte-g68aqn{width:20px;height:20px;border-radius:4px;border:1px solid var(--g-color-border-subtle, rgba(0, 0, 0, .1));cursor:pointer;transition:all .15s;box-shadow:0 1px 2px #0000000f}.bg-btn.svelte-g68aqn.svelte-g68aqn:hover{border-color:var(--g-color-border-strong, rgba(0, 0, 0, .2));box-shadow:0 2px 4px #0000001a}.bg-btn.active.svelte-g68aqn.svelte-g68aqn{border-color:var(--g-color-accent-active, var(--accent-brand-dark, #0b3035));box-shadow:0 0 0 2px oklch(.5 .1 var(--brand-hue, 180) / .3)}.bg-neutral.svelte-g68aqn.svelte-g68aqn{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.bg-warm.svelte-g68aqn.svelte-g68aqn{background:linear-gradient(135deg,#fef3c7,#fde68a)}.bg-cool.svelte-g68aqn.svelte-g68aqn{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.bg-accent.svelte-g68aqn.svelte-g68aqn{background:linear-gradient(135deg,#abd9cf,#72bfb0)}.bg-plus.svelte-g68aqn.svelte-g68aqn{background:transparent;border:1px dashed var(--g-color-border-subtle);display:flex;align-items:center;justify-content:center;color:var(--g-color-fg-muted)}.bg-plus.svelte-g68aqn.svelte-g68aqn:hover{border-color:var(--g-color-accent-active);color:var(--g-color-accent-active)}.density-toggles.svelte-g68aqn.svelte-g68aqn,.font-controls.svelte-g68aqn.svelte-g68aqn{display:flex;align-items:center;gap:2px;background:var(--g-color-bg-panel, #fff);border:1px solid var(--g-color-border-subtle, #e2e8f0);padding:2px;border-radius:6px}.panel-btn.svelte-g68aqn.svelte-g68aqn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--g-color-fg-muted, #64748b);border-radius:4px;cursor:pointer;transition:all .15s}.panel-btn.svelte-g68aqn.svelte-g68aqn:hover:not(:disabled){background:var(--g-color-bg-subtle, #f1f5f9);color:var(--g-color-fg-primary, #0f172a);border-color:var(--g-color-border-subtle, rgba(0, 0, 0, .08))}.panel-btn.active.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-accent-active, var(--accent-brand-dark, #0b3035));color:#fff;border-color:transparent}.panel-btn.svelte-g68aqn.svelte-g68aqn:disabled{opacity:.4;cursor:not-allowed}.font-value.svelte-g68aqn.svelte-g68aqn{font-family:var(--g-font-mono, monospace);font-size:.7rem;min-width:2rem;text-align:center;color:var(--g-color-fg-primary, #0f172a)}[data-theme=dark] .neo-btn.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong, var(--brandscale-850));color:var(--g-color-fg-on-strong, var(--brandscale-50));box-shadow:-1px -1px 2px #ffffff08,2px 2px 4px #0006,1px 1px 2px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .neo-btn.svelte-g68aqn.svelte-g68aqn:hover:not(:disabled){color:var(--g-color-fg-on-strong, var(--brandscale-50));box-shadow:-1px -1px 3px #ffffff0d,3px 3px 6px #00000080,1px 1px 3px #0006,inset 0 1px #ffffff14}[data-theme=dark] .neo-btn.svelte-g68aqn.svelte-g68aqn:active:not(:disabled),[data-theme=dark] .neo-btn.toggled.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong, var(--brandscale-850));color:var(--g-color-fg-on-strong, var(--brandscale-50));box-shadow:inset 2px 2px 4px #0006,inset 1px 1px 2px #0000004d,inset -1px -1px 2px #ffffff08,0 0 0 1px oklch(.4 .1 var(--brand-hue, 180) / .4)}[data-theme=dark] .drawer.svelte-g68aqn.svelte-g68aqn{background:var(--brandscale-850, var(--g-color-bg-subtle));border-color:var(--brandscale-700, var(--g-color-border-strong))}[data-theme=dark] .row-label.svelte-g68aqn.svelte-g68aqn{color:var(--brandscale-200, var(--g-color-fg-soft))}[data-theme=dark] .slider-value.svelte-g68aqn.svelte-g68aqn,[data-theme=dark] .font-value.svelte-g68aqn.svelte-g68aqn{color:var(--brandscale-100, var(--g-color-fg-muted))}[data-theme=dark] .slider.svelte-g68aqn.svelte-g68aqn{background:var(--brandscale-700, var(--g-color-border-strong))}[data-theme=dark] .blend-select.svelte-g68aqn.svelte-g68aqn{background:var(--brandscale-900, var(--g-color-bg-panel));border-color:var(--brandscale-700, var(--g-color-border-strong));color:var(--brandscale-100, var(--g-color-fg-muted))}[data-theme=dark] .density-toggles.svelte-g68aqn.svelte-g68aqn,[data-theme=dark] .font-controls.svelte-g68aqn.svelte-g68aqn{background:var(--brandscale-900, var(--g-color-bg-panel));border-color:var(--brandscale-700, var(--g-color-border-strong))}[data-theme=dark] .panel-btn.svelte-g68aqn.svelte-g68aqn{color:var(--brandscale-200, var(--g-color-fg-soft))}[data-theme=dark] .panel-btn.svelte-g68aqn.svelte-g68aqn:hover:not(:disabled){background:var(--brandscale-800, var(--g-color-hover-bg));color:var(--brandscale-100, var(--g-color-fg-muted))}[data-theme=dark] .toggle-btn.svelte-g68aqn.svelte-g68aqn{background:var(--brandscale-900, var(--g-color-bg-panel));border-color:var(--brandscale-700, var(--g-color-border-strong));color:var(--brandscale-200, var(--g-color-fg-soft))}[data-theme=dark] .toggle-btn.svelte-g68aqn.svelte-g68aqn:hover{border-color:var(--brandscale-600, var(--g-color-border-default))}[data-theme=dark] .toggle-btn.active.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong);color:var(--g-color-fg-on-strong)}[data-theme=dark] .style-btn.svelte-g68aqn.svelte-g68aqn{background:var(--brandscale-900, var(--g-color-bg-panel));border-color:var(--brandscale-700, var(--g-color-border-strong));color:var(--brandscale-200, var(--g-color-fg-soft))}[data-theme=dark] .style-btn.svelte-g68aqn.svelte-g68aqn:hover:not(:disabled){border-color:var(--brandscale-600, var(--g-color-border-default))}[data-theme=dark] .style-btn.active.svelte-g68aqn.svelte-g68aqn{background:var(--g-color-bg-strong);color:var(--g-color-fg-on-strong)}.design-layout.svelte-4aeli0.svelte-4aeli0{display:flex;min-height:calc(100vh - 60px);margin:calc(-1 * var(--g-padding-xl, 1.5rem));margin-top:calc(-1 * var(--g-padding-xl, 1.5rem))}.design-nav.svelte-4aeli0.svelte-4aeli0{width:320px;min-width:320px;flex-shrink:0;background:var(--g-color-bg-panel, #fff);border-right:1px solid var(--g-color-border-subtle, #e5e5e5);padding:var(--space-24, 24px) var(--space-24, 24px) var(--space-24, 24px) var(--space-48, 48px);overflow-y:auto}.design-content.svelte-4aeli0.svelte-4aeli0{flex:1;padding:var(--g-padding-xl, 1.5rem);overflow-y:auto;background:transparent;max-width:100%}.nav-header.svelte-4aeli0.svelte-4aeli0{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-16, 16px);padding-bottom:var(--space-16, 16px);border-bottom:1px solid var(--g-color-border-subtle, #e5e5e5)}.header-row.svelte-4aeli0.svelte-4aeli0{display:flex;align-items:baseline;gap:var(--space-8, 8px)}.nav-header.svelte-4aeli0 h2.svelte-4aeli0{font-size:var(--g-font-size-1, 1rem);font-weight:600;margin:0;color:var(--g-color-fg-primary, #1a1a1a)}.version.svelte-4aeli0.svelte-4aeli0{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-muted, #666);background:var(--g-color-bg-subtle, #f5f5f5);padding:2px 6px;border-radius:4px}.search-container.svelte-4aeli0.svelte-4aeli0{position:relative;margin-bottom:var(--space-20, 20px)}.search-container.svelte-4aeli0 .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--g-color-fg-soft, #999);pointer-events:none}.search-input.svelte-4aeli0.svelte-4aeli0{width:100%;padding:var(--space-8, 8px) var(--space-12, 12px) var(--space-8, 8px) 36px;border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:6px;background:var(--g-color-bg-subtle, #f5f5f5);font-size:var(--g-font-size-0, .8rem);color:var(--g-color-fg-primary, #1a1a1a);transition:all .15s ease}.search-input.svelte-4aeli0.svelte-4aeli0::placeholder{color:var(--g-color-fg-soft, #999)}.search-input.svelte-4aeli0.svelte-4aeli0:focus{outline:none;border-color:var(--g-color-accent-active, #0b3035);background:var(--g-color-bg-panel, #fff)}.nav-list.svelte-4aeli0.svelte-4aeli0{list-style:none;margin:0;padding:0}.nav-section.svelte-4aeli0.svelte-4aeli0{margin-bottom:var(--space-32, 32px)}.nav-section.svelte-4aeli0.svelte-4aeli0:last-child{margin-bottom:0}.nav-group-label.svelte-4aeli0.svelte-4aeli0{display:block;font-size:var(--g-font-size-0, .75rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--g-color-fg-muted, #666);margin-bottom:var(--space-8, 8px);padding-left:var(--space-8, 8px)}.nav-group-label--link.svelte-4aeli0.svelte-4aeli0{text-decoration:none;cursor:pointer;transition:color .15s ease}.nav-group-label--link.svelte-4aeli0.svelte-4aeli0:hover{color:var(--g-color-fg-primary, #1a1a1a)}.nav-group-label--link.active.svelte-4aeli0.svelte-4aeli0{color:var(--g-color-accent-active, #0b3035)}.nav-sublist.svelte-4aeli0.svelte-4aeli0{list-style:none;margin:0;padding:0}.nav-link.svelte-4aeli0.svelte-4aeli0{display:flex;align-items:center;gap:var(--space-8, 8px);padding:var(--space-4, 4px) var(--space-12, 12px);border-radius:6px;text-decoration:none;color:var(--g-color-fg-muted, #666);font-size:var(--g-font-size-0, .875rem);transition:all .15s ease}.nav-link.svelte-4aeli0.svelte-4aeli0:hover{background:var(--g-color-bg-subtle, #f5f5f5);color:var(--g-color-fg-primary, #1a1a1a)}.nav-link.active.svelte-4aeli0.svelte-4aeli0{background:var(--g-color-nav-active-bg);color:var(--g-color-nav-active-fg);font-weight:500}.nav-link.svelte-4aeli0 .nav-arrow{margin-left:auto;opacity:.8}[data-theme=dark] .design-layout.svelte-4aeli0.svelte-4aeli0{--nav-bg:var(--brandscale-900, var(--greenscale-900, #1a2522));--nav-border:var(--brandscale-800, var(--greenscale-800, #2a3532));--nav-fg:var(--brandscale-100, var(--greenscale-100, #f0f4f3));--nav-fg-muted:var(--brandscale-150, var(--greenscale-150, #e8eceb));--nav-fg-soft:var(--brandscale-200, var(--greenscale-200, #dce2e1));--nav-subtle:var(--brandscale-850, var(--greenscale-850, #222f2c));--nav-accent-quiet:oklch(.25 .04 var(--brand-hue, 180));--nav-accent:oklch(.7 .12 var(--brand-hue, 180));--content-bg:var(--brandscale-950, var(--greenscale-950, #0f1614))}[data-theme=dark] .design-layout.svelte-4aeli0 .design-nav.svelte-4aeli0{background:var(--nav-bg);border-color:var(--nav-border)}[data-theme=dark] .design-layout.svelte-4aeli0 .nav-header.svelte-4aeli0{border-color:var(--nav-border)}[data-theme=dark] .design-layout.svelte-4aeli0 .nav-header h2.svelte-4aeli0{color:var(--nav-fg)}[data-theme=dark] .design-layout.svelte-4aeli0 .version.svelte-4aeli0{background:var(--nav-subtle);color:var(--nav-fg-muted)}[data-theme=dark] .design-layout.svelte-4aeli0 .search-input.svelte-4aeli0{background:var(--nav-subtle);border-color:var(--nav-border);color:var(--nav-fg)}[data-theme=dark] .design-layout.svelte-4aeli0 .search-input.svelte-4aeli0::placeholder{color:var(--nav-fg-soft)}[data-theme=dark] .design-layout.svelte-4aeli0 .search-input.svelte-4aeli0:focus{border-color:var(--nav-accent);background:var(--nav-bg)}[data-theme=dark] .design-layout.svelte-4aeli0 .search-container.svelte-4aeli0 .search-icon{color:var(--nav-fg-soft)}[data-theme=dark] .design-layout.svelte-4aeli0 .nav-group-label.svelte-4aeli0,[data-theme=dark] .design-layout.svelte-4aeli0 .nav-link.svelte-4aeli0{color:var(--nav-fg-muted)}[data-theme=dark] .design-layout.svelte-4aeli0 .nav-link.svelte-4aeli0:hover{background:var(--nav-subtle);color:var(--nav-fg)}.appearance-controls-wrapper.svelte-4aeli0.svelte-4aeli0{margin-bottom:var(--space-16, 16px)}[data-theme=dark] .design-layout.svelte-4aeli0 .design-content.svelte-4aeli0{background:transparent}