/**
 * Filter FabJS
 * Modular source extracted from v2.0.7; modular architecture v2.1.0.
 * Licensed GPL-2.0-or-later. See LICENSE and README.md.
 */
/* Vendored SIL OFL fonts; provenance and licenses: assets/fonts/README.md. */
@font-face{font-family:"Inter Variable";src:url("./fonts/InterVariable.693b77d4f32e.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono Variable";src:url("./fonts/JetBrainsMono-Variable.fe7b565a583f.woff2") format("woff2");font-style:normal;font-weight:100 800;font-display:swap}
:root{
--font-ui:"Inter Variable",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
--font-code:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
--space-1:4px;--space-2:8px;--space-3:10px;--space-4:12px;--space-5:16px;
--radius-control:8px;--radius-panel:12px;--radius-dialog:14px;
--radius-inset:6px;--radius-group:9px;
--control-height-sm:30px;--control-height-md:36px;--touch-target:44px;
color-scheme:dark;--bg:#08050d;--panel:#110a19;--panel2:#180e23;--panel3:#24142f;--surface-hover:#2d1938;--line:#4a2b58;--line2:#674276;--control-border:#9576a2;--text:#cdddb7;--text-strong:#f6efc4;--heading:#ece49d;--muted:#91a085;--accent:#e1ec1a;--accent-hover:#f0f562;--accent-ink:#08050d;--accent2:#c429a3;--info:#088dbf;--good:#78c972;--warn:#ece49d;--bad:#ff647c;--code-bg:#061005;--code-text:#a8d59a;--r:#e45a87;--g:#9fd36a;--b:#38a9d4;--a:#d8cbe6;--radius:var(--radius-panel);--shadow:0 18px 45px rgba(3,1,5,.55)}
code,kbd{font-family:var(--font-code)}
code,kbd,.formula textarea,.chip,.renderer-diagnostics{font-variant-ligatures:none}
input[type=number],#zoomLabel,.progress-meta{font-variant-numeric:tabular-nums}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--text);font:14px/1.45 var(--font-ui);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,select,input[type=text],input[type=number]{border:1px solid var(--line2);background:var(--panel2);border-radius:var(--radius-control)}button{padding:var(--space-2) 11px;cursor:pointer;transition:.15s ease;white-space:nowrap}button:hover{border-color:var(--line2);background:var(--surface-hover)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:800;box-shadow:0 0 18px rgba(225,236,26,.12)}button.primary:hover{background:var(--accent-hover);box-shadow:0 0 22px rgba(225,236,26,.18)}button.icon{width:var(--control-height-md);height:var(--control-height-md);padding:0;display:grid;place-items:center;font-size:16px}button.ghost{background:transparent}.icon-link{width:var(--control-height-md);height:var(--control-height-md);padding:0;display:grid;place-items:center;border:1px solid var(--line2);border-radius:var(--radius-control);background:transparent;color:var(--text-strong);text-decoration:none;cursor:pointer;transition:.15s ease}.icon-link:hover{border-color:var(--accent2);background:var(--surface-hover);color:var(--heading)}.icon-link:active{transform:translateY(1px)}.icon-link svg{width:18px;height:18px;fill:currentColor}
/* Optional funding action: visually secondary to editing controls. */
.topbar .support-link{height:var(--control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 9px 0 11px;border:1px solid var(--line2);border-radius:var(--radius-control);background:var(--panel2);color:var(--text-strong);font-size:13px;text-decoration:none;white-space:nowrap;flex:0 0 auto;transition:border-color .15s ease,background-color .15s ease}
.topbar .support-link:hover{border-color:var(--accent2);background:var(--surface-hover);color:var(--heading)}
.topbar .support-link:active{transform:translateY(1px)}
.topbar .support-link:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.topbar .support-heart{width:20px;height:20px;display:grid;place-items:center;color:var(--accent);flex:0 0 auto}
.topbar .support-heart svg{width:19px;height:19px;display:block;fill:currentColor}
button.danger:not(:disabled){border-color:rgba(255,100,124,.45);color:#ffb4c0}button.danger:not(:disabled):hover{border-color:var(--bad);background:rgba(255,100,124,.11)}button.active{border-color:var(--accent);background:rgba(225,236,26,.10);color:var(--text-strong)}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}select{height:var(--control-height-md);padding:0 30px 0 10px;min-width:150px}input[type=text],input[type=number]{padding:7px 9px;min-width:0}input[type=range]{accent-color:var(--accent);width:100%;margin:0}
.app{height:100%;display:grid;grid-template-rows:58px minmax(0,1fr) 30px}.topbar{display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:rgba(17,10,25,.94);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:10px;margin-right:6px;min-width:max-content}.logo{width:30px;height:30px;border:1px solid var(--line2);border-radius:var(--radius-group);background:linear-gradient(145deg,#2d1938,#180e23);box-shadow:0 0 28px rgba(196,41,163,.28);position:relative;display:grid;place-items:center;overflow:hidden}.logo svg{width:19px;height:19px;display:block;filter:drop-shadow(0 1px 3px rgba(225,236,26,.18))}.logo path{fill:none;stroke:var(--accent);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.brand strong{font-size:15px;color:var(--text-strong)}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:-2px}.spacer{flex:1}.toolbar-group{display:flex;align-items:center;gap:7px}.toolbar-cluster{display:flex;align-items:center;gap:7px}.toolbar-divider{width:1px;height:24px;background:var(--line2);margin:0 2px;flex:0 0 auto}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.action-button svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.workspace{min-height:0;display:grid;grid-template-columns:minmax(360px,1fr) 410px}.preview-pane{min-width:0;min-height:0;display:grid;grid-template-rows:46px minmax(0,1fr);background:#090b0f}.preview-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--panel)}.segmented{display:flex;background:var(--code-bg);border:1px solid var(--line);border-radius:var(--radius-group);padding:3px;gap:2px}.segmented button{border:0;background:transparent;padding:5px 9px;border-radius:var(--radius-inset);color:var(--muted)}.segmented button.active{background:var(--panel3);color:var(--text-strong);box-shadow:0 1px 5px rgba(0,0,0,.3)}.canvas-stage{position:relative;overflow:hidden;display:grid;place-items:center;background-color:#090b0f;background-image:linear-gradient(45deg,#10141b 25%,transparent 25%),linear-gradient(-45deg,#10141b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#10141b 75%),linear-gradient(-45deg,transparent 75%,#10141b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.canvas-wrap{position:relative;box-shadow:var(--shadow);transform-origin:center;line-height:0;max-width:calc(100% - 48px);max-height:calc(100% - 48px);overflow:hidden;border-radius:2px;border:1px solid rgba(255,255,255,.08);background-color:#d4d4d4;background-image:linear-gradient(45deg,#ececec 25%,transparent 25%),linear-gradient(-45deg,#ececec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ececec 75%),linear-gradient(-45deg,transparent 75%,#ececec 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}canvas{display:block;max-width:100%;max-height:100%;background:transparent}.drop-overlay{position:absolute;inset:18px;border:2px dashed rgba(225,236,26,.62);border-radius:18px;background:rgba(8,5,13,.82);display:none;place-items:center;z-index:15;backdrop-filter:blur(4px);pointer-events:none}.drop-overlay.show{display:grid}.render-overlay{position:absolute;inset:18px;background:rgba(7,7,10,.74);backdrop-filter:blur(4px);border:1px solid rgba(225,236,26,.22);border-radius:18px;display:none;place-items:center;z-index:14}.render-overlay.show{display:grid}.render-card{width:min(320px,calc(100% - 40px));padding:16px 16px 14px;border-radius:16px;background:rgba(24,14,35,.96);border:1px solid var(--line2);box-shadow:var(--shadow);text-align:center}.render-card strong{display:block;font-size:16px;margin-bottom:4px;color:var(--heading)}.render-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.render-card kbd{display:inline-block;padding:1px 5px;border:1px solid var(--line2);border-bottom-color:var(--panel3);border-radius:5px;background:var(--code-bg);color:var(--code-text);font:11px var(--font-code);box-shadow:inset 0 -1px 0 rgba(255,255,255,.05)}.progress-bar{height:10px;border-radius:999px;background:var(--code-bg);border:1px solid var(--line);overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--code-text));transition:width .12s ease}.progress-meta{display:flex;justify-content:space-between;gap:10px;color:var(--text);font-size:12px;margin-top:8px}.drop-card{text-align:center;color:var(--text-strong)}.drop-card b{font-size:18px;display:block;margin-bottom:5px;color:var(--heading)}.drop-card span{color:var(--muted)}.renderer-control{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.renderer-control span{color:var(--info);font-weight:650}.renderer-control select{height:30px;min-width:88px;padding-left:8px}.renderer-diagnostics{display:block;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--good);font:11px var(--font-code)}.renderer-diagnostics[data-state=cpu-selected]{color:var(--info)}.renderer-diagnostics[data-state=cpu-fallback],.renderer-diagnostics[data-state=pending]{color:var(--warn)}.renderer-diagnostics[data-state=error]{color:var(--bad)}
.sidebar{min-height:0;border-left:1px solid var(--line);background:var(--panel);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.sidebar-head{padding:var(--space-4);border-bottom:1px solid var(--line);display:grid;gap:9px}.preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:7px}.preset-row select{width:100%}.filter-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filter-meta input{width:100%}.sidebar-scroll{overflow:auto;padding:var(--space-4);scrollbar-color:var(--line2) transparent}.section{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2);overflow:hidden;margin-bottom:11px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:rgba(196,41,163,.035);border-bottom:1px solid var(--line)}.section-head strong{font-size:13px;color:var(--heading)}.section-head span{font-size:11px;color:var(--muted)}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;width:100%}.controls-head-meta{display:flex;align-items:center;gap:var(--space-2)}.controls-head-meta button{padding:var(--space-1) 7px;font-size:11px}.section-body{padding:var(--space-3)}.ui-lock-panel{transition:opacity .15s ease,filter .15s ease}.ui-locked .ui-lock-panel{opacity:.48;filter:saturate(.78)}.ui-locked .ui-lock-panel *{pointer-events:none}.formula-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.editor-status{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--muted);font-size:11px}.editor-status::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--good);box-shadow:0 0 9px rgba(120,201,114,.38)}.editor-status[data-state=pending]::before{background:var(--accent2);box-shadow:0 0 9px rgba(196,41,163,.42)}.editor-status[data-state=invalid]{color:#ffb4c0}.editor-status[data-state=invalid]::before{background:var(--bad);box-shadow:0 0 9px rgba(255,100,124,.38)}.render-button{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:7px 9px}.render-button svg{width:13px;height:13px;fill:currentColor}.render-button kbd{padding:1px 5px;border:1px solid rgba(8,5,13,.3);border-radius:5px;background:rgba(8,5,13,.18);font:10px var(--font-code);color:var(--accent-ink)}.formula{position:relative;margin-bottom:9px}.formula:last-child{margin-bottom:0}.formula-label{position:absolute;left:9px;top:9px;width:24px;height:24px;border-radius:var(--radius-inset);display:grid;place-items:center;font-weight:800;font-family:var(--font-code);z-index:2;color:var(--accent-ink)}.formula[data-ch=r] .formula-label{background:var(--r)}.formula[data-ch=g] .formula-label{background:var(--g)}.formula[data-ch=b] .formula-label{background:var(--b)}.formula[data-ch=a] .formula-label{background:var(--a)}textarea{width:100%;height:54px;resize:vertical;padding:10px 34px 10px 42px;border:1px solid var(--line2);border-radius:var(--radius-group);background:var(--code-bg);color:var(--code-text);font:13px/1.5 var(--font-code);outline:none;transition:border-color .14s ease,box-shadow .14s ease}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(225,236,26,.12)}textarea.edited:not(.invalid){border-color:rgba(196,41,163,.72);box-shadow:0 0 0 1px rgba(196,41,163,.10)}textarea.invalid{border-color:var(--bad);box-shadow:0 0 0 3px rgba(255,100,124,.09)}.formula-state{position:absolute;right:9px;top:10px;font-size:16px;color:var(--good)}.formula-state.pending{color:var(--accent2)}.formula-state.bad{color:var(--bad)}.formula-error{display:none;color:#ff9fb0;font-size:11px;margin:4px 5px 0 42px}.formula-error.show{display:block}.slider-grid{display:grid;gap:var(--space-2)}.slider-row{display:grid;grid-template-columns:30px minmax(76px,108px) minmax(0,1fr) minmax(36px,auto);align-items:center;gap:7px;transition:opacity .16s ease,filter .16s ease}.slider-row.control-unused{opacity:.30;filter:saturate(.35)}.slider-row.control-unused .slider-index{background:var(--panel);color:var(--muted)}.slider-index{width:24px;height:24px;border-radius:var(--radius-inset);background:var(--panel3);display:grid;place-items:center;color:var(--text-strong);font:700 11px var(--font-code)}.control-label-button{width:100%;padding:var(--space-1) 2px;border:0;background:transparent;text-align:left;overflow:hidden;text-overflow:ellipsis;font-size:12px}.control-label-button:hover{background:var(--surface-hover)}.control-widget{display:flex;align-items:center;gap:5px;min-width:0}.control-widget .slider-value{width:100%;height:var(--control-height-sm);text-align:right;padding:4px!important;font:12px var(--font-ui);font-variant-numeric:tabular-nums}.control-widget-seed .slider-value{font-family:var(--font-code)}
.seed-randomize{width:var(--control-height-sm);height:var(--control-height-sm);flex-shrink:0;padding:0}.control-readout{min-width:36px;text-align:right;color:var(--text-strong);font:12px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}.control-readout.unit-only{min-width:0}.control-unit{color:var(--muted)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.filter-description{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.filter-description label{display:block;margin-bottom:6px;color:var(--heading);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.filter-description textarea{height:82px;max-height:82px;resize:none;overflow-y:auto;padding:9px 10px;color:var(--text);font:12px/1.45 var(--font-ui)}details.reference{border:1px solid var(--line);border-radius:10px;background:var(--panel)}details.reference summary{cursor:pointer;padding:9px 11px;color:var(--heading);font-weight:650}.ref-body{padding:0 11px 10px;color:var(--muted);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.chip{padding:3px 6px;border-radius:5px;background:var(--panel3);color:var(--code-text);font:11px var(--font-code)}.statusbar{display:flex;align-items:center;gap:12px;padding:0 12px;border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:11px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px rgba(120,201,114,.5)}.status-dot.busy{background:var(--warn);box-shadow:0 0 10px rgba(236,228,157,.42)}.status-dot.pending{background:var(--accent2);box-shadow:0 0 10px rgba(196,41,163,.45)}.status-dot.error{background:var(--bad);box-shadow:0 0 10px rgba(255,100,124,.45)}.toast{position:fixed;left:50%;bottom:46px;transform:translate(-50%,20px);background:var(--panel3);border:1px solid var(--line2);color:var(--text-strong);padding:9px 13px;border-radius:var(--radius-group);opacity:0;pointer-events:none;transition:.2s;z-index:100;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid var(--line2);border-radius:var(--radius-dialog);background:var(--panel2);color:var(--text);box-shadow:var(--shadow);max-width:min(700px,calc(100vw - 32px));padding:0}dialog::backdrop{background:rgba(3,1,5,.72);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid var(--line)}.modal-head strong{color:var(--heading)}.modal-body{padding:15px;max-height:70vh;overflow:auto}.modal-body h3{margin:14px 0 6px;font-size:14px;color:var(--heading)}.modal-body p,.modal-body li{color:var(--text)}.modal-body code{background:var(--code-bg);border:1px solid var(--line);border-radius:5px;padding:1px 4px;color:var(--code-text)}.modal-body table{border-collapse:collapse;width:100%;font-size:12px}.modal-body td{border-bottom:1px solid var(--line);padding:6px;vertical-align:top}.modal-body td:first-child{font-family:var(--font-code);color:var(--text-strong);width:34%}.control-editor-dialog{width:min(900px,calc(100vw - 32px));max-width:none}.control-editor-body{display:grid;grid-template-columns:230px minmax(0,1fr);max-height:min(72vh,680px);overflow:hidden}.control-editor-list{padding:var(--space-3);border-right:1px solid var(--line);overflow:auto}.control-editor-item{width:100%;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:5px;padding:var(--space-2);text-align:left}.control-editor-index{font:700 11px var(--font-code);color:var(--muted)}.control-editor-name{overflow:hidden;text-overflow:ellipsis}.control-editor-used,.control-editor-unused{font-size:10px}.control-editor-used{color:var(--good)}.control-editor-unused{color:var(--warn)}.control-editor-detail{padding:14px;overflow:auto}.control-editor-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.control-editor-heading label{display:grid;gap:var(--space-1);color:var(--muted);font-size:11px}.control-editor-heading select{height:32px;min-width:145px}.control-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.control-editor-fields label{display:grid;gap:var(--space-1);color:var(--muted);font-size:11px}.control-editor-fields label:first-child{grid-column:1/-1}.control-editor-fields input,.control-editor-fields select{width:100%;height:34px}.control-mapping-feedback,.control-preview{margin-top:14px;padding:11px;border:1px solid var(--line);border-radius:var(--radius-group);background:var(--panel)}.control-mapping-feedback strong,.control-preview>strong{display:block;margin-bottom:7px;color:var(--heading);font-size:12px}.control-mapping-feedback p{margin:7px 0;font-size:12px}.control-mapping-feedback code{color:var(--code-text)}.mapping-match{color:var(--good)}.mapping-warning{color:var(--warn)}.mapping-neutral,.mapping-suggestion{color:var(--muted)}.use-mapping-button{padding:5px var(--space-2);font-size:11px}.control-preview-row{display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.control-preview-label{overflow:hidden;text-overflow:ellipsis}.control-preview-value{font:12px var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}.control-editor-error{min-height:20px;margin:10px 0 0;color:var(--bad);font-size:12px}.control-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) 15px;border-top:1px solid var(--line)}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.export-option{padding:14px;text-align:left;white-space:normal}.export-option strong{display:block;margin-bottom:4px}.export-option span{display:block;color:var(--muted);font-size:12px;font-weight:400}.export-cancel{margin-top:10px;width:100%}
@media(max-width:1180px) and (min-width:921px){.app{grid-template-rows:auto minmax(0,1fr) 30px}.topbar{min-height:58px;flex-wrap:wrap;padding:9px}.toolbar-group.file-actions{order:3;width:100%;flex-wrap:wrap}.toolbar-cluster{flex-wrap:wrap}.toolbar-divider{display:none}.topbar>.spacer{display:none}}
@media(max-width:920px){html,body{overflow:auto}.app{height:auto;min-height:100%;grid-template-rows:auto auto 30px}.topbar{min-height:58px;flex-wrap:wrap;padding:9px}.brand{margin-right:auto}.workspace{grid-template-columns:1fr}.preview-pane{height:58vh;min-height:420px}.sidebar{border-left:0;border-top:1px solid var(--line)}.sidebar-scroll{overflow:visible}.toolbar-group.file-actions{order:3;width:100%;flex-wrap:wrap}.toolbar-cluster{flex-wrap:wrap}.toolbar-divider{display:none}.topbar .spacer{display:none}}
@media(max-width:720px){.control-editor-body{grid-template-columns:1fr;max-height:72vh;overflow:auto}.control-editor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:190px;border-right:0;border-bottom:1px solid var(--line)}.control-editor-item{margin:0}.control-editor-detail{overflow:visible}.control-editor-fields{grid-template-columns:1fr}.control-editor-fields label:first-child{grid-column:auto}.control-preview-row{grid-template-columns:1fr}.control-editor-heading{align-items:start;flex-direction:column}}@media(max-width:560px){.filter-meta{grid-template-columns:1fr}.slider-row{grid-template-columns:30px minmax(72px,96px) minmax(0,1fr) auto}.preview-toolbar{overflow-x:auto}.brand small{display:none}.section-title span,.render-button kbd{display:none}.controls-head-meta{gap:5px}.control-editor-list{grid-template-columns:1fr}}

/* Phase 2 Filter Library: a canvas-visible drawer with explicit preview/apply semantics. */
.filter-picker-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.filter-picker-row select{width:100%;min-width:0}.browser-launcher{width:100%;height:var(--control-height-md);padding:0 9px;text-align:left;overflow:hidden;text-overflow:ellipsis}.preset-row{grid-template-columns:auto auto auto minmax(0,1fr);align-items:center}.preset-row span{font-size:11px;overflow-wrap:anywhere}.filter-tags{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.filter-tags p{font-size:12px}.filter-tags .chips button,.result-tags button{border:1px solid var(--line2);background:transparent;border-radius:var(--radius-inset)}.filter-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.filter-actions input{flex:1;min-width:0}.filter-tags input{width:100%}.filter-tags button{min-height:var(--control-height-md)}.filter-browser{width:min(520px,100vw);height:100dvh;max-width:none;max-height:none;margin:0 0 0 auto;border-radius:16px 0 0 16px;border-right:0}.filter-browser::backdrop{background:rgba(3,1,5,.24);backdrop-filter:none}.filter-browser[open]{display:flex;flex-direction:column}.library-head{flex:0 0 auto}.library-head>div{display:grid;gap:2px}.library-head small{color:var(--muted);font-size:11px}.library-head>[data-close]{width:38px;height:38px;padding:0;font-size:20px}.browser-tools{padding:var(--space-4) 14px;display:grid;gap:9px;flex-shrink:0;border-bottom:1px solid var(--line)}.browser-tools label{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.browser-tools .library-search{display:grid;grid-template-columns:auto minmax(0,1fr);font-weight:700;color:var(--heading)}.browser-tools input[type=search]{width:100%;min-width:0;background:var(--panel);border:1px solid var(--line2);border-radius:var(--radius-control);padding:8px;color:var(--text);min-height:var(--control-height-md)}.browser-tools select{min-width:100px}.browser-tools p{min-height:0;margin:0;color:var(--bad)}.browser-count-row{justify-content:space-between}.tag-choices{display:flex;gap:8px;flex-wrap:wrap;max-height:100px;overflow:auto}.tag-choices label{min-height:var(--control-height-md)}.filter-results{list-style:none;margin:0;padding:var(--space-3) var(--space-4);overflow:auto;min-height:80px;flex:1;display:grid;align-content:start;gap:9px}.filter-card{padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow-wrap:anywhere;transition:border-color .15s ease,background .15s ease}.filter-card[data-selected=true]{border-color:var(--accent);background:rgba(225,236,26,.055);box-shadow:inset 3px 0 0 var(--accent)}.filter-card-main{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:7px;align-items:start}.filter-card-preview{min-width:0;min-height:78px;padding:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:var(--space-3);text-align:left;white-space:normal;border-color:transparent;background:transparent}.filter-card-preview:hover{border-color:var(--line2)}.filter-card-preview[aria-pressed=true]{color:var(--text-strong)}.filter-thumbnail{display:block;width:82px;height:74px;border-radius:var(--radius-control);border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle at 72% 24%,hsla(var(--swatch-hue-2),82%,70%,.92),transparent 34%),linear-gradient(145deg,hsl(var(--swatch-hue),58%,20%),hsl(var(--swatch-hue-2),68%,48%));box-shadow:inset 0 0 22px rgba(0,0,0,.22)}.filter-card-copy{display:block;min-width:0;padding:5px 0}.filter-card-name{display:block;color:var(--heading);font-weight:750;line-height:1.25}.result-meta{display:block;color:var(--muted);margin-top:4px;font-size:11px}.source-badge{color:var(--info);font-weight:700}.filter-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;color:var(--text);font-size:12px}.filter-card-favorite,.filter-card-download{width:38px;height:38px;padding:0;font-size:18px}.filter-card-favorite[aria-pressed=true]{color:var(--accent);background:var(--panel3)}.result-tags{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 0 92px}.filter-browser .result-tags button{min-height:0;font-size:11px;line-height:1.2;padding:var(--space-1) 7px;white-space:normal;overflow-wrap:anywhere}.filter-library-empty{text-align:center;padding:22px 12px;color:var(--muted)}.browser-pages{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);border-top:1px solid var(--line)}.browser-pages[hidden]{display:none}.library-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:11px var(--space-4);border-top:1px solid var(--line);background:var(--panel2);flex:0 0 auto}.library-actions>span{color:var(--muted);font-size:11px;line-height:1.35}.library-actions>span[data-state=busy]{color:var(--warn)}.library-actions>span[data-state=ready]{color:var(--good)}.library-actions>div{display:flex;gap:var(--space-2)}.filter-browser button,.filter-choice button{min-height:var(--control-height-md)}.filter-choice{width:460px}.filter-choice input{width:100%;margin:6px 0 12px}.filter-choice h2{font-size:18px;overflow-wrap:anywhere}.filter-choice button{white-space:normal}.filter-choice .filter-actions{margin-top:var(--space-5)}#tagError{color:var(--bad)}
@media(max-width:920px){.filter-browser{width:100vw;height:min(76dvh,760px);margin:auto 0 0;border-radius:16px 16px 0 0;border-right:1px solid var(--line2);border-bottom:0}.filter-browser::backdrop{background:rgba(3,1,5,.34)}.library-head{padding:9px 11px}.browser-tools{gap:6px;padding:var(--space-2) var(--space-3)}.browser-tools .filter-actions{gap:5px}.browser-tools select{min-width:84px}.filter-browser .tag-choices{max-height:70px}.workspace{min-width:0}.filter-actions{min-width:0}.filter-results{min-height:70px;padding:var(--space-2)}.filter-card-preview{grid-template-columns:68px minmax(0,1fr)}.filter-thumbnail{width:68px;height:68px}.result-tags{margin-left:78px}.library-actions{align-items:stretch;flex-direction:column;padding:var(--space-2) var(--space-3)}.library-actions>div{display:grid;grid-template-columns:1fr 1fr}.preset-row{grid-template-columns:auto auto auto}.preset-row span{grid-column:1/-1}}

@media(max-height:500px){.filter-browser{height:100dvh;max-height:none}.filter-browser .modal-head{padding:6px 12px;flex-shrink:0}.browser-tools{flex:0 1 auto;min-height:60px;overflow:auto;padding:6px var(--space-4);gap:5px}.browser-tools>p:empty,.browser-tools>.chips:empty{display:none}.filter-results{min-height:64px}.browser-pages{flex-shrink:0;padding:6px var(--space-4)}.library-actions{padding:6px var(--space-3)}}

/* Phase 1: artist-first Explore mode with advanced authoring kept one tab away. */
.workspace{grid-template-columns:minmax(360px,1fr) clamp(320px,28vw,430px)}
.sidebar{min-width:0}
.sidebar-head{padding:9px var(--space-4)}
.workspace-mode{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--code-bg)}
.workspace-mode button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:7px var(--space-3)}
.workspace-mode button[aria-selected=true]{background:var(--panel3);color:var(--text-strong);box-shadow:0 1px 5px rgba(0,0,0,.3);font-weight:750}
.mode-panel[hidden]{display:none}
.active-filter-section{border-color:var(--line2)}
.active-filter-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}
.eyebrow{display:block;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.active-filter-heading h2{margin:2px 0 0;color:var(--heading);font-size:19px;line-height:1.2;overflow-wrap:anywhere}
.favorite-button{min-width:36px;padding:6px var(--space-2)}
.active-filter-meta{display:flex;align-items:center;gap:6px;margin-top:5px;color:var(--info);font-size:11px;font-weight:650}
.active-filter-description{margin:10px 0;color:var(--text);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.active-filter-section .browser-launcher{width:100%;height:38px;text-align:center}
.adjust-section .section-body{padding:var(--space-4)}
.control-label{overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--text-strong)}
.controls-empty{margin:2px 0;color:var(--muted);font-size:12px;text-align:center}
.explore-renderer-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-group);color:var(--muted);font-size:11px}
.explore-renderer-status output{color:var(--good);font-weight:700}
.explore-renderer-status output[data-state=cpu-selected]{color:var(--info)}
.explore-renderer-status output[data-state=cpu-fallback],.explore-renderer-status output[data-state=pending]{color:var(--warn)}
.explore-renderer-status output[data-state=error]{color:var(--bad)}
.filter-picker-row{display:grid;grid-template-columns:1fr;gap:5px}
.filter-picker-row label,.filter-meta label{display:grid;gap:5px;color:var(--heading);font-size:11px;font-weight:700;letter-spacing:.04em}
.filter-picker-row select,.filter-meta input{width:100%}
.filter-meta{margin-top:10px}
.preset-row{grid-template-columns:minmax(0,1fr) auto auto;margin-top:12px}
.author-control-actions p{margin:0 0 10px;color:var(--muted);font-size:12px}
.author-control-actions button{width:100%}
details.diagnostics{margin-bottom:11px}
details.diagnostics .ref-body{display:grid;gap:10px;padding-top:2px}
details.diagnostics .renderer-control{justify-content:space-between}
details.diagnostics .renderer-control select{min-width:120px}
details.diagnostics .renderer-diagnostics{max-width:100%;white-space:normal;overflow-wrap:anywhere}

@media(max-width:920px){.workspace{grid-template-columns:1fr}.sidebar{min-width:0}}
.filter-thumbnail{position:relative;display:grid;place-items:center;overflow:hidden;background-color:var(--panel3);background-image:linear-gradient(45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.045) 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0}.filter-thumbnail-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .14s ease}.filter-thumbnail[data-thumbnail-state=ready] .filter-thumbnail-image{opacity:1}.filter-thumbnail-state{position:relative;z-index:1;max-width:74px;padding:3px 5px;border-radius:5px;background:rgba(8,5,13,.72);color:var(--muted);font-size:9px;line-height:1.2;text-align:center}.filter-thumbnail[data-thumbnail-state=rendering] .filter-thumbnail-state,.filter-thumbnail[data-thumbnail-state=queued] .filter-thumbnail-state{color:var(--text)}.filter-thumbnail[data-thumbnail-state=failed] .filter-thumbnail-state{color:#ffb4c0}
@media(prefers-reduced-motion:reduce){.filter-thumbnail-image{transition:none}}
.filter-sample-badge{position:absolute;right:3px;bottom:3px;z-index:2;padding:1px 4px;border:1px solid var(--line);border-radius:var(--radius-inset);background:var(--panel2);color:var(--muted);font-size:9px;line-height:1.3}.filter-card-preview:not(button) .filter-thumbnail-state:empty{display:none}.filter-card-preview:not(button){cursor:default}.filter-card-preview:not(button):hover{border-color:transparent}
@media(max-width:560px){.sidebar-scroll{padding:9px}.active-filter-heading{align-items:center}.favorite-button{font-size:12px}.slider-row{grid-template-columns:30px minmax(72px,96px) minmax(0,1fr) auto}.preset-row{grid-template-columns:1fr 1fr}.preset-row .primary{grid-column:1/-1}.workspace-mode button{min-height:var(--control-height-md)}}

.filter-browser{box-sizing:border-box;overflow:hidden}

*{scrollbar-color:var(--line2) transparent;scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--line2);border:2px solid transparent;background-clip:padding-box;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:var(--accent);border-color:transparent;background-clip:padding-box}

/* Phase 3: essential boundaries, keyboard cues, and input-modality adaptations. */
button,select,input[type=text],input[type=number],textarea,.icon-link,
.browser-tools input[type=search],.filter-tags .chips button,.result-tags button,
.workspace-mode,.segmented,.filter-card,dialog{border-color:var(--control-border)}
button:hover,.filter-card-preview:hover{border-color:var(--control-border)}
button.danger:not(:disabled){border-color:var(--bad)}
button:focus-visible,.icon-link:focus-visible,select:focus-visible,input:focus-visible,
textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.filter-card-preview{border-color:transparent}
.filter-selection-label{display:block;margin-bottom:4px;color:var(--accent);font-size:11px;font-weight:700}
.renderer-reason{margin:0;color:var(--text);font-size:12px;overflow-wrap:anywhere;white-space:pre-wrap}
body[data-workspace-mode=explore] #renderInfo{display:none}
.statusbar{min-width:0}.statusbar>span{min-width:0;overflow-wrap:anywhere}
.preview-pane{grid-template-rows:auto minmax(0,1fr)}
.preview-toolbar{min-height:46px;padding-top:5px;padding-bottom:5px}
.render-button:not(.primary) kbd{color:var(--muted);border-color:var(--control-border);background:var(--code-bg)}
#renderInfo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preset-row{grid-template-columns:1fr 1fr}
#resetBtn{grid-column:1/-1;white-space:normal}
.adjust-section .section-head{align-items:start;flex-wrap:wrap;gap:var(--space-2)}
.controls-head-meta{flex-wrap:wrap;justify-content:flex-end;min-width:0}
.control-label{white-space:normal;overflow-wrap:anywhere}
.control-editor-heading,.control-editor-fields>label,.control-editor-heading label{min-width:0}
.control-editor-heading select{max-width:100%}
.toast{max-width:calc(100vw - 24px);overflow-wrap:anywhere}
.library-head>div{min-width:0}.library-head>[data-close]{flex-shrink:0}
.browser-tools>p:empty,.browser-tools>.chips:empty{display:none}
.browser-tools{min-height:60px;flex-shrink:1;overflow:auto}
.browser-pages{flex-shrink:0}
.filter-choice .modal-body>p{white-space:pre-wrap;overflow-wrap:anywhere}

@media(max-width:1180px) and (min-width:921px){
  .workspace{grid-template-columns:minmax(0,1fr) 340px}
}
@media(max-width:920px){
  .app{grid-template-rows:auto auto minmax(30px,auto)}
  .sidebar-head{position:sticky;top:0;z-index:5;background:var(--panel)}
  .statusbar{flex-wrap:wrap;gap:5px 10px;padding:6px 10px}
  #statusText{flex:1 1 180px}
}
@media(max-width:560px){
  .preview-toolbar{flex-wrap:wrap;overflow:visible;height:auto;gap:6px}
  .preview-toolbar>.spacer{display:none}
  .preview-toolbar .segmented{margin-right:auto}
  .preview-pane{min-width:0;min-height:300px;height:52vh}
  .slider-row{grid-template-columns:30px minmax(0,1fr) auto}
  .slider-row .control-widget{grid-column:2;grid-row:2}
  .slider-row .control-readout{grid-column:3;grid-row:2}
  .control-label{grid-column:2/-1}
  .filter-browser{height:100dvh}
  .filter-card-main{grid-template-columns:minmax(0,1fr) 38px}
  .filter-card-preview{grid-template-columns:1fr;gap:5px}
  .filter-thumbnail{width:100%;height:90px}
  .result-tags{margin-left:0}
  .active-filter-heading{flex-wrap:wrap}
  .control-editor-dialog{width:calc(100vw - 16px)}
  .control-editor-actions{position:sticky;bottom:0;background:var(--panel2)}
}
.toggle-input{appearance:none;-webkit-appearance:none;position:relative;display:block;flex-shrink:0;width:32px;height:20px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:999px}
.toggle-input::before{content:"";position:absolute;box-sizing:border-box;left:0;top:50%;width:32px;height:20px;transform:translateY(-50%);border:1px solid var(--control-border);border-radius:999px;background:var(--panel3)}
.toggle-input::after{content:"";position:absolute;left:3px;top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:var(--text)}
.toggle-input:checked::before{background:var(--accent);border-color:var(--accent)}
.toggle-input:checked::after{transform:translateX(12px);background:var(--accent-ink)}
@media(forced-colors:active){.toggle-input::before{background:Canvas;border-color:ButtonText}.toggle-input::after{background:ButtonText}.toggle-input:checked::before{background:Highlight;border-color:Highlight}.toggle-input:checked::after{background:HighlightText}}
@media(pointer:coarse){
  button,.icon-link,button.icon,select,input[type=text],input[type=number],input[type=search],
  .workspace-mode button,.browser-launcher,.active-filter-section .browser-launcher,
  .filter-browser button,.filter-choice button,.filter-browser .result-tags button,
  .library-head>[data-close],.control-widget .slider-value,.control-editor-fields input,
  .control-editor-fields select,.control-editor-heading select,summary{min-height:var(--touch-target)}
  button.icon,.icon-link,.seed-randomize,.filter-card-favorite,.filter-card-download,.library-head>[data-close]{min-width:var(--touch-target)}
  .filter-card-main{grid-template-columns:minmax(0,1fr) var(--touch-target)}
  input[type=range]{min-height:var(--touch-target);margin:0;cursor:pointer}
  .toggle-input{width:var(--touch-target);height:var(--touch-target)}
  .browser-tools label,.tag-choices label{min-height:var(--touch-target)}
  .browser-tools input[type=checkbox]{width:24px;height:24px;flex:0 0 auto}
  .slider-row{row-gap:5px}
  .app{grid-template-rows:auto minmax(0,1fr) minmax(30px,auto)}
  .topbar{min-height:62px}
}
@media(pointer:coarse) and (max-width:920px){.app{grid-template-rows:auto auto minmax(30px,auto)}}
@media(pointer:coarse) and (hover:none){.render-button kbd{display:none}}
@media(hover:none){button:active{transform:none}}

.filter-card-actions{display:grid;gap:5px}.filter-package-error{display:block;color:var(--bad);font-size:11px}

[data-online-notice]{font-size:12px;color:var(--muted);overflow-wrap:anywhere}[data-online-notice] button{margin-left:8px}
/* Comparison controls stay in CSS pixels independently of image zoom. */
.split-overlay{position:absolute;pointer-events:none;z-index:2}
.split-overlay[hidden]{display:none}
.split-divider{position:absolute;top:0;height:100%;width:28px;transform:translateX(-50%);pointer-events:auto;touch-action:none;user-select:none;cursor:col-resize;outline:none}
.split-divider::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.85);box-shadow:0 0 2px #000;pointer-events:none}
.split-handle-target{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);display:grid;place-items:center;touch-action:none}
.split-handle{display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff;border-radius:50%;background:rgba(20,20,25,.85);color:#fff;box-shadow:0 1px 4px #000;transition:background .12s ease}
.split-handle svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.split-divider:hover .split-handle,.split-divider:focus-visible .split-handle,.split-divider[data-dragging] .split-handle{background:#141419}
.split-divider:hover::before,.split-divider:focus-visible::before,.split-divider[data-dragging]::before{background:#fff}
.split-divider:focus-visible .split-handle{outline:3px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.split-handle{transition:none}}
.control-lock{width:30px;height:30px;padding:0;display:grid;place-items:center;border-color:transparent;background:transparent;color:var(--muted)}
.adjust-section,.snapshots-section{overflow:visible}
.control-lock svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.control-lock[aria-pressed=true]{color:var(--accent);background:var(--panel3);border-color:var(--line2)}
.explore-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.explore-actions button,.explore-menu button{font-size:12px;min-height:30px;padding:5px 8px}
.explore-menu{position:relative;display:inline-flex}
.explore-menu-items{position:absolute;left:0;top:100%;z-index:12;min-width:170px;padding:5px;background:var(--panel2);border:1px solid var(--line2);border-radius:var(--radius-control);box-shadow:var(--shadow)}
.explore-menu.align-end .explore-menu-items{left:auto;right:0}
.explore-menu-items{overflow-y:auto}
.explore-menu-items.opens-above{top:auto;bottom:100%}
.explore-menu-items button{display:block;text-align:left;width:100%;border:0;background:transparent}
.snapshot-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.snapshot-status{font-size:12px;color:var(--muted);margin:7px 0 0;min-height:18px}
.snapshots-section .explore-actions>.explore-menu:last-child{margin-left:auto}

/* Responsive workspace and full-height inspector. */
html,body{overflow:hidden}
.app{height:100dvh;grid-template-columns:minmax(0,1fr) 8px var(--inspector-width,384px);grid-template-rows:minmax(0,1fr)}
.workspace{grid-column:1;grid-row:1;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.topbar{min-width:0;min-height:58px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.toolbar-group,.toolbar-cluster{flex-wrap:wrap;min-width:0}.file-actions{flex:1 1 auto}
.preview-pane{height:auto;min-height:0}.preview-toolbar{flex-wrap:wrap;height:auto;overflow:visible}
.sidebar{grid-column:3;grid-row:1;min-height:0;height:100%;border-left:0;overflow:hidden;display:flex;flex-direction:column}
.sidebar-head{flex-shrink:0;display:flex;align-items:center;gap:8px}.workspace-mode{flex:1;min-width:0}
.sidebar-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}
#inspectorClose,#inspectorExpand{display:none}
.inspector-resize{grid-column:2;grid-row:1;cursor:col-resize;touch-action:none;background:var(--panel);border-left:1px solid var(--line);position:relative}
.inspector-resize::after{content:"";position:absolute;left:2px;top:calc(50% - 20px);width:2px;height:40px;border-radius:2px;background:var(--line2)}
.inspector-resize{z-index:25}
.inspector-resize::before{content:"";position:absolute;inset:0 -6px}
@media(pointer:coarse){.inspector-resize::before{left:-18px;right:-18px}}
.inspector-resize:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.app[data-inspector-dragging]{user-select:none;cursor:col-resize}
.app[data-inspector-hidden=true]{grid-template-columns:minmax(0,1fr)}
.app[data-inspector-hidden=true] .sidebar,.app[data-inspector-hidden=true] .inspector-resize{display:none}
.inspector-backdrop[hidden]{display:none}
.filter-meta,.formula-toolbar,.filter-actions{min-width:0;flex-wrap:wrap}
.sidebar input,.sidebar select,.sidebar textarea{max-width:100%;min-width:0}.formula textarea{overflow-wrap:anywhere}
.active-filter-heading{flex-wrap:wrap}.active-filter-heading>div{min-width:0}
/* Explicit pixel sizing keeps manual zoom's aspect ratio when the stage shrinks. */
.canvas-wrap{max-width:none;max-height:none;flex-shrink:0}
@media(max-width:1023px){
 .app,.app[data-inspector-hidden=true]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
 .workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
 .inspector-resize{display:none}
 .sidebar{position:fixed;inset:0 0 0 auto;width:min(440px,90vw);z-index:40;border-left:1px solid var(--line);box-shadow:var(--shadow)}
 .inspector-backdrop{position:fixed;inset:0;z-index:30;background:rgba(3,1,5,.55)}
 #inspectorClose{display:block}.sidebar-head{position:static}
 .preview-pane{height:auto;min-height:0}
 .topbar .brand{min-width:0}.topbar>.spacer{display:none}
}
@media(max-width:767px){
 .sidebar{inset:auto 0 0;width:100%;height:80dvh;max-height:100dvh;border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}
 .app[data-inspector-expanded=true] .sidebar{height:100dvh;border-radius:0}
 #inspectorExpand{display:block;font-size:12px;padding:7px}
 .sidebar-head{padding:9px}.sidebar-head button{white-space:normal}
 .workspace-mode button{padding:7px 5px}
 .topbar{gap:7px;padding:8px}.brand{flex:1 1 180px}.file-actions{order:2;flex-basis:100%}
 .toolbar-divider{display:none}.toolbar-cluster{flex-wrap:wrap}
 .preview-toolbar>.spacer{display:none}.preview-toolbar .segmented{margin-right:auto}
 .preview-pane{min-height:0;height:auto}
}

.canvas-stage[data-manual-zoom=true]{overflow:auto;place-items:safe center}

/* Keep the Ko-fi action accessible when the preview toolbar must contract. */
@media(max-width:1480px){.topbar .support-link{width:var(--control-height-md);padding:0}.topbar .support-label{display:none}}