.lw-settings-panel{display:flex;flex-direction:column;gap:.65em;padding:.85em .9em 1em;max-height:min(78dvh,42em);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-family:Share Tech Mono,monospace;color:var(--os-text-muted);text-transform:lowercase}.lw-settings-section{display:flex;flex-direction:column;gap:.35em}.lw-settings-section--disabled{opacity:.45}.lw-settings-section--disabled .lw-settings-theme-step:disabled,.lw-settings-section--disabled .lw-settings-select:disabled{cursor:not-allowed}.lw-settings-section-label{font-size:.58em;letter-spacing:.08em;text-transform:lowercase;color:var(--os-text-dim)}.lw-settings-field{display:grid;grid-template-columns:1fr auto;gap:.2em .45em;align-items:center}.lw-settings-field label{font-size:.58em;letter-spacing:.08em;text-transform:lowercase;color:var(--os-text-dim)}.lw-settings-field output{font-size:.62em;letter-spacing:.06em;color:var(--os-text-muted)}.lw-settings-field .os-range-slider-wrap{grid-column:1 / -1}.lw-settings-theme-row{display:flex;align-items:stretch;gap:.35em}.lw-settings-theme-step{flex-shrink:0;min-width:1.85em;padding:0 .35em;border:1px solid var(--os-border-soft);border-radius:var(--window-chrome-control-radius, 0px);background:var(--os-bg-input);color:var(--os-text-muted);font:inherit;font-size:.72em;letter-spacing:.04em;cursor:pointer;box-shadow:1px 1px 0 0 var(--os-shadow-window);display:inline-flex;align-items:center;justify-content:center}.lw-settings-theme-step:hover{border-color:var(--os-border);background-color:var(--os-bg-elevated-hover)}.lw-settings-theme-step:active{transform:translate(1px,1px);box-shadow:none}.lw-settings-theme-step:disabled{opacity:.45;cursor:not-allowed}.lw-settings-theme-step:disabled:hover{border-color:var(--os-border-soft);background:var(--os-bg-input)}.lw-settings-select:disabled{opacity:.45;cursor:not-allowed}.lw-settings-theme-step:focus-visible{outline:1px solid var(--os-border);outline-offset:1px}.lw-settings-theme-row .lw-settings-select{flex:1;min-width:0}.lw-settings-select{width:100%;margin:0;padding:.42em .5em;border:1px solid var(--os-border-soft);border-radius:var(--window-chrome-control-radius, 0px);background:var(--os-bg-input);color:var(--os-text-muted);font:inherit;font-size:.68em;letter-spacing:.04em;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--os-text-faint) 50%),linear-gradient(135deg,var(--os-text-faint) 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.lw-settings-select:hover{border-color:var(--os-border);background-color:var(--os-bg-elevated-hover)}.lw-settings-select:focus-visible{outline:1px solid var(--os-border);outline-offset:1px}.lw-settings-toggle{display:flex;align-items:center;gap:.55em;margin:0;cursor:pointer;font:inherit;font-size:.68em;letter-spacing:.04em;color:var(--os-text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lw-settings-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.85em;height:.85em;margin:0;flex-shrink:0;border:1px solid var(--os-border-soft);border-radius:var(--window-chrome-checkbox-radius, 0px);background:var(--os-bg-input);display:grid;place-content:center;cursor:pointer}.lw-settings-toggle input:before{content:"";width:.45em;height:.45em;border-radius:var(--window-chrome-checkbox-radius, 0px);transform:scale(0);background:var(--os-accent);transition:transform .12s ease}.lw-settings-toggle input:checked:before{transform:scale(1)}.lw-settings-toggle span{line-height:1.35}.lw-settings-toggle--disabled{opacity:.45;cursor:not-allowed}.lw-settings-toggle--disabled input{cursor:not-allowed}.lw-settings-block{display:flex;flex-direction:column;gap:.55em;padding-top:.55em;border-top:1px dashed var(--os-border-soft)}.lw-settings-breakpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45em}.lw-settings-breakpoint-card{display:flex;flex-direction:column;gap:.45em;padding:.55em .5em .65em;border:1px solid var(--os-border-soft);border-radius:var(--window-chrome-control-radius, 0px);background:var(--os-bg-input);min-width:0}.lw-settings-breakpoint-title{margin:0;font:inherit;font-size:.62em;letter-spacing:.08em;color:var(--os-text);text-align:center}.lw-settings-btn{border:1px solid var(--os-border-soft);border-radius:var(--window-chrome-control-radius, 0px);background:var(--os-bg-input);color:var(--os-text-muted);font:inherit;font-size:.65em;letter-spacing:.04em;padding:.42em .5em;cursor:pointer;box-shadow:1px 1px 0 0 var(--os-shadow-window);text-align:center;text-transform:lowercase}.lw-settings-btn:hover{border-color:var(--os-border);background-color:var(--os-bg-elevated-hover)}.lw-settings-btn:active{transform:translate(1px,1px);box-shadow:none}.lw-settings-btn:focus-visible{outline:1px solid var(--os-border);outline-offset:1px}.lw-settings-actions-group{display:flex;flex-direction:column;gap:.35em;margin-top:.15em;padding-top:.5em;border-top:1px dashed var(--os-border-soft)}.lw-settings-action-row{display:flex;align-items:center;gap:.35em}.lw-settings-action-label{font-size:.62em;color:var(--os-text-muted);letter-spacing:.04em;width:5.5em;text-transform:lowercase}.lw-settings-action-row .lw-settings-btn{flex:1;padding:.25em .4em}.lw-settings-status{font-size:.62em;color:var(--os-text-muted);text-align:center;margin-top:.2em;letter-spacing:.04em}@media(max-width:420px){.lw-settings-breakpoint-grid{grid-template-columns:1fr}}
