:root{--sb-bg:#0e0e10;--sb-surface:#161618;--sb-surface-2:#1e1e22;--sb-border:#2a2a2f;--sb-border-2:#38383f;--sb-text:#dddde0;--sb-muted:#6b6b72;--sb-accent:#c8a96e;--sb-accent-dim:rgba(200, 169, 110, 0.12);--sb-danger:#e06060;--sb-radius:6px;--sb-font-ui:"DM Sans", "Helvetica Neue", system-ui, sans-serif;--sb-font-mono:"JetBrains Mono", "Fira Mono", ui-monospace, monospace;--sb-width:360px;--sb-transition:140ms ease}.sidebar *,.sidebar *::before,.sidebar *::after{box-sizing:border-box}@import 'https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=JetBrains+Mono:wght@400;500&display=swap';.page-with-sidebar{display:flex;gap:0;min-height:100vh}#outer{flex:1;min-width:0;text-align:center}#inner{display:inline-block;width:100%}.sidebar{width:var(--sb-width);min-width:var(--sb-width);max-width:var(--sb-width);overflow-x:hidden;background:var(--sb-bg);border-right:1px solid var(--sb-border);font-family:var(--sb-font-ui);font-size:13px;color:var(--sb-text);display:flex;flex-direction:column}.sidebar-sticky{position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--sb-border-2)transparent;padding-bottom:2rem}.sidebar-sticky::-webkit-scrollbar{width:4px}.sidebar-sticky::-webkit-scrollbar-thumb{background:var(--sb-border-2);border-radius:2px}.sidebar-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;background:var(--sb-surface);border:none;border-bottom:1px solid var(--sb-border);color:var(--sb-muted);font-family:var(--sb-font-ui);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;cursor:pointer;transition:color var(--sb-transition),background var(--sb-transition)}.sidebar-toggle-btn:hover{color:var(--sb-text);background:var(--sb-surface-2)}.sidebar-toggle-btn .toggle-icon{font-size:14px;color:var(--sb-accent)}#sidenav{display:block}.mortier-controls{padding:0 0 1rem}.ctrl-header{padding:20px 16px 14px;border-bottom:1px solid var(--sb-border);margin-bottom:4px}.ctrl-title{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ctrl-glyph{font-size:18px;color:var(--sb-accent);line-height:1}.ctrl-title h3{margin:0;font-family:var(--sb-font-mono);font-size:15px;font-weight:500;letter-spacing:.04em;color:var(--sb-text)}.ctrl-sub{margin:0;font-size:11px;color:var(--sb-muted);letter-spacing:.02em;padding-left:26px}.ctrl-actions{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--sb-border);min-width:0}.btn-primary,.btn-secondary,.btn-tertiary{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:var(--sb-radius);font-family:var(--sb-font-ui);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--sb-transition);border:1px solid}.btn-primary{background:var(--sb-accent);border-color:var(--sb-accent);color:#0e0e10}.btn-primary:hover{background:#d9bc85;border-color:#d9bc85;transform:none;box-shadow:0 0 0 3px var(--sb-accent-dim)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--sb-accent);border-color:var(--sb-accent);color:#0e0e10}.btn-secondary:hover{background:#d9bc85;border-color:#d9bc85;transform:none;box-shadow:0 0 0 3px var(--sb-accent-dim)}.btn-secondary:active{transform:scale(.97)}.btn-tertiary{background:0 0;border-color:var(--sb-border-2);color:var(--sb-muted)}.btn-tertiary:hover{border-color:var(--sb-text);color:var(--sb-text);background:var(--sb-surface-2)}.btn-tertiary:active{transform:scale(.97)}.btn-icon{font-size:14px}.ctrl-section{border-bottom:1px solid var(--sb-border)}.ctrl-section-head{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;user-select:none;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--sb-muted);list-style:none;transition:color var(--sb-transition),background var(--sb-transition)}.ctrl-section-head::-webkit-details-marker{display:none}.ctrl-section-head:hover{color:var(--sb-text);background:var(--sb-surface)}.section-icon{font-size:10px;transition:transform var(--sb-transition);display:inline-block}details[open]>.ctrl-section-head .section-icon{transform:rotate(90deg)}.ctrl-body{padding:8px 16px 14px;display:flex;flex-direction:column;gap:14px;min-width:0;width:100%}.ctrl-field{display:flex;flex-direction:column;gap:6px}.ctrl-label{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--sb-muted)}.ctrl-label-row{display:flex;justify-content:space-between;align-items:baseline}.ctrl-value{font-family:var(--sb-font-mono);font-size:11px;color:var(--sb-accent);letter-spacing:.03em}.param-row{display:flex;align-items:center;gap:0}.param-row input[type=range]{flex:1}.param-row button{height:25px;width:25px;display:flex;align-items:center;justify-content:center}.ctrl-range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--sb-border-2);border-radius:2px;outline:none;cursor:pointer;margin:4px 0}.ctrl-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--sb-accent);border-radius:50%;cursor:pointer;transition:transform var(--sb-transition),box-shadow var(--sb-transition)}.ctrl-range::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 0 0 4px var(--sb-accent-dim)}.ctrl-range::-moz-range-thumb{width:14px;height:14px;background:var(--sb-accent);border:none;border-radius:50%;cursor:pointer}.ctrl-select{width:100%;background:var(--sb-surface);border:1px solid var(--sb-border-2);border-radius:var(--sb-radius);color:var(--sb-text);font-family:var(--sb-font-ui);font-size:12px;padding:7px 10px;cursor:pointer;outline:none;transition:border-color var(--sb-transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b6b72'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}.ctrl-select:focus{border-color:var(--sb-accent);box-shadow:0 0 0 2px var(--sb-accent-dim)}.ctrl-select optgroup{background:var(--sb-surface-2);color:var(--sb-muted);font-size:11px;font-weight:600;letter-spacing:.04em}.ctrl-select option{background:var(--sb-surface);color:var(--sb-text);padding:4px 8px}.ctrl-search{width:100%;background:var(--sb-surface);border:1px solid var(--sb-border-2);border-bottom:none;border-radius:var(--sb-radius)var(--sb-radius)0 0;color:var(--sb-text);font-family:var(--sb-font-mono);font-size:11px;padding:7px 10px;outline:none;box-sizing:border-box;transition:border-color var(--sb-transition)}.ctrl-search:focus{border-color:var(--sb-accent)}.ctrl-search+.ctrl-select{border-radius:0 0 var(--sb-radius)var(--sb-radius);border-top:1px solid var(--sb-border);max-height:160px}.ctrl-hidden{display:none!important}.ctrl-segmented{display:flex;background:var(--sb-surface);border:1px solid var(--sb-border-2);border-radius:var(--sb-radius);overflow:hidden}.ctrl-segmented input[type=radio]{display:none}.ctrl-segmented label{flex:1;text-align:center;padding:7px 0;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--sb-muted);cursor:pointer;transition:all var(--sb-transition);border-right:1px solid var(--sb-border-2);user-select:none}.ctrl-segmented label:last-of-type{border-right:none}.ctrl-segmented input[type=radio]:checked+label{background:var(--sb-accent-dim);color:var(--sb-accent)}.ctrl-segmented label:hover:not(.ctrl-segmented input:checked+label){background:var(--sb-surface-2);color:var(--sb-text)}.ctrl-color-row{display:flex;gap:10px}.ctrl-color-field{flex:1}.ctrl-color{-webkit-appearance:none;appearance:none;width:100%;height:34px;padding:2px;border:1px solid var(--sb-border-2);border-radius:var(--sb-radius);background:var(--sb-surface);cursor:pointer;transition:border-color var(--sb-transition)}.ctrl-color::-webkit-color-swatch-wrapper{padding:0}.ctrl-color::-webkit-color-swatch{border:none;border-radius:4px}.ctrl-color:hover{border-color:var(--sb-accent)}.param{}.param.hidden{display:none}.content{flex:1}#svg-container svg{max-width:100%;height:auto}.price-input-container{width:100%}.price-input .price-field{display:flex;margin-bottom:22px}.price-field span{margin-right:10px;margin-top:6px;font-size:17px}.price-field input{flex:1;height:35px;font-size:15px;font-family:dm sans,sans-serif;border-radius:9px;text-align:center;border:0;background:#e4e4e4}.price-input{width:100%;font-size:19px;color:#555}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider{width:100%}.slider{height:6px;position:relative;background:#e4e4e4;border-radius:5px}.slider .price-slider{height:100%;left:25%;right:15%;position:absolute;border-radius:5px;background:#01940b}.range-input{position:relative}.range-input input{position:absolute;width:100%;height:5px;background:0 0;top:-5px;pointer-events:none;cursor:pointer;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{height:18px;width:18px;border-radius:70%;background:#555;pointer-events:auto;-webkit-appearance:none}.spinner{width:14px;height:14px;border:2px solid var(--sb-border-2);border-top:2px solid var(--sb-accent);border-radius:50%;display:inline-block;margin-left:6px;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}button{font-family:var(--sb-font-ui);cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.page-with-sidebar{flex-direction:column}.sidebar{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--sb-border)}.sidebar-sticky{position:relative;height:auto;max-height:none}#sidenav{display:none}#sidenav.open{display:block}}