:root{color:#24212b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#24212b;--accent:#514082;--accent-tint:#eeebfa;--muted:#514d5e;--paper:#fffdf1;--metal:#e6e3e6;--violet:#d8d5ee;--selection:#d8d3f3;--rule:#96909d;--white:#fffdf8;background:#8c9ca8;font-family:Geneva,Verdana,Arial,sans-serif;font-size:14px}@media (forced-colors:none){:root{scrollbar-color:var(--accent) var(--metal)}@supports selector(::-webkit-scrollbar){:root{scrollbar-color:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--metal)}::-webkit-scrollbar-corner{background:var(--metal)}::-webkit-scrollbar-thumb{background:var(--accent);border:1px solid var(--ink);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--muted)}}}*{box-sizing:border-box}body{background:conic-gradient(#a0aeb9 0 25%, #8e9eac 0 50%, #a0aeb9 0 75%, #8e9eac 0) 0 0 / 4px 4px;min-width:290px;min-height:100vh;margin:0}p{margin:0 0 8px}button,input,select,textarea{font:inherit;color:inherit}input:is([type=checkbox],[type=radio],[type=range]){accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:#392b70}.menu-bar{background:var(--white);border-bottom:2px solid var(--ink);z-index:2;align-items:stretch;gap:20px;height:33px;padding-inline:48px;display:flex;position:relative}.menu-brand,.menu-items{align-items:stretch;display:flex}.menu-items>.desktop-menu:first-child summary:has(.menu-brand){padding-inline-start:0}.menu-brand{align-items:center;gap:8px;font-size:14px}.menu-brand svg{flex:none;width:24px;height:24px}.desktop-menu{position:relative}.desktop-menu summary{cursor:pointer;align-items:center;height:100%;padding:0 12px;font-size:12px;list-style:none;display:flex}.desktop-menu summary::-webkit-details-marker{display:none}.desktop-menu[open] summary{background:var(--ink);color:#fff}.menu-popup{border:1px solid var(--ink);background:var(--white);min-width:160px;box-shadow:2px 2px 0 var(--ink);padding:4px 0;position:absolute;top:100%;left:0}.menu-popup button,.menu-popup a{width:100%;box-shadow:none;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;text-decoration:none;display:flex;position:relative}.menu-popup :is(button,a):not(:last-child):after{content:"";border-bottom:1px solid var(--rule);pointer-events:none;position:absolute;inset-block-end:0;inset-inline:12px}.menu-popup svg{flex:none;width:24px;height:24px}.pixel-menu-icons .menu-popup svg{visibility:hidden}.menu-pixels{z-index:1;pointer-events:none;image-rendering:pixelated;position:fixed;inset:0 auto auto 0}.menu-popup button:hover:enabled:not([aria-disabled=true]),.menu-popup a:hover{color:#fff;background:var(--accent)}.menu-popup p{margin:4px 12px;font-size:11px;line-height:1.5}.desktop{padding:48px 16px}.app-window{--window-inset:12px;border:2px solid var(--ink);background:var(--white);max-width:1120px;margin-inline:auto;box-shadow:4px 4px #32333c}.window-title{border-bottom:2px solid var(--ink);background:repeating-linear-gradient(to bottom, var(--ink) 0 1px, transparent 1px 3px) left 8px center / calc(100% - 40px) 16px no-repeat;justify-content:center;align-items:center;min-height:31px;padding:4px 36px;font-size:14px;font-weight:800;display:flex;position:relative}.draggable-title{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.draggable-title:active{cursor:grabbing}.draggable-title .window-close{cursor:pointer}.window-title span,.window-caption{background:var(--white);padding:0 12px}.window-caption{font:inherit;align-items:center;gap:8px;margin:0;display:flex}.window-caption svg{flex:none;width:24px;height:24px}.window-close{inset-inline-end:8px;border:1px solid var(--ink);background:var(--white);width:18px;height:18px;box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 var(--rule);color:var(--ink);border-radius:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.window-close svg{width:10px;height:10px;display:block}.window-close:active{color:var(--white);background:var(--ink);box-shadow:none}h2{margin:0;font-size:13px}.workbench{--panel-inset:12px;--control-gap:8px;column-gap:var(--window-inset);padding:var(--window-inset);grid-template:"settings preview""settings shape"1fr/minmax(275px,320px) minmax(0,1fr);display:grid}.viewport-panel{grid-area:preview}.workbench:has(.shape-settings) .viewport-panel{border-bottom:0}.workbench:not(:has(.shape-settings)) .viewport-panel{grid-row:1/-1}.shape-settings{grid-area:shape;align-self:start}.settings{grid-area:settings;max-height:max(240px,100dvh - 176px)}.settings>:not(.settings-body){flex-shrink:0}.settings-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.settings-body>section{flex-shrink:0}.viewport-panel,.settings,.shape-settings{border:1px solid var(--ink);background:var(--white);flex-direction:column;min-width:0;display:flex}.shape-settings{border-top:0}.panel-header,.inspector-title{min-height:37px;padding:4px var(--panel-inset);border-bottom:1px solid var(--ink);background:var(--metal);justify-content:space-between;align-items:center;gap:8px;display:flex;box-shadow:inset 0 1px #fff}.inspector-title h2{font-weight:800}.settings .advanced-toggle{cursor:pointer;flex:none;align-items:center;gap:4px;display:inline-flex;position:relative}.advanced-toggle input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.advanced-track{border:1px solid var(--ink);background:var(--white);border-radius:8px;align-items:center;width:32px;height:16px;padding:0 2px;display:flex}.advanced-track:before{content:"";border:1px solid var(--ink);background:var(--white);border-radius:50%;width:10px;height:10px}.advanced-toggle input:checked+.advanced-track{background:var(--accent);justify-content:flex-end}.advanced-toggle input:focus-visible+.advanced-track{box-shadow:inset 0 0 0 2px #9181b8}.advanced-toggle:has(input:disabled){cursor:default;opacity:.6}.history-buttons{flex:none;align-self:flex-start;gap:4px;display:flex}.history-buttons button{align-items:center;gap:4px;display:inline-flex}.history-buttons svg{flex:none;width:24px;height:24px}.view-frame{--view-height:clamp(250px, 35vh, 360px);height:var(--view-height);background:#dddaf0;position:relative}.canvas{position:absolute;inset:0}.canvas canvas{display:block}.view-tag{pointer-events:none;letter-spacing:.03em;top:8px;left:var(--panel-inset);text-transform:uppercase;background:#f6f2ff;border:1px solid #6e6485;padding:4px 8px;font:600 10px ui-monospace,monospace;position:absolute}.preview-issue{inset:auto var(--panel-inset,12px) 8px;border:1px solid var(--rule);background:var(--white);margin:0;padding:4px 8px;font-size:12px;position:absolute}.canvas-error{text-align:center;width:80%;position:absolute;top:37%;left:10%}.view-bar{align-items:center;gap:var(--control-gap);padding:8px var(--panel-inset);background:var(--metal);border-block:1px solid var(--ink);flex-wrap:wrap;display:flex}.view-button{text-transform:capitalize}.view-button[aria-pressed=true]{color:#fff;background:var(--accent);box-shadow:inset 1px 1px #282036}button{border:1px solid var(--ink);background:var(--white);box-shadow:1px 1px 0 var(--ink);cursor:pointer;border-radius:5px;padding:4px 12px;font-size:12px;line-height:1.25}button:hover:enabled:not([aria-disabled=true]){background:var(--selection)}button:active:enabled:not([aria-disabled=true]){box-shadow:inset 1px 1px 0 var(--ink)}button:is(:disabled,[aria-disabled=true]){color:#696574;box-shadow:none;cursor:default;border-color:#9c96a2}.default-button:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--white), inset 0 0 0 2px var(--ink)}fieldset{border:0;min-width:0;margin:0;padding:0}.profile-picker{padding:8px var(--panel-inset);background:var(--paper);container-type:inline-size}.profile-picker+.profile-picker,.settings section+section{border-top:1px solid var(--rule)}.profile-picker h3{margin:0 0 4px;font-size:13px}.profile-options{gap:var(--control-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.profile-slider{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:4px 12px;display:grid}.profile-slider-heading{grid-column:1/-1;justify-content:space-between;gap:8px;display:flex}.profile-slider-heading label{font-weight:700}.profile-slider-controls input{width:100%;margin:0 0 4px;display:block}.profile-number{align-items:center;gap:4px;display:flex}.profile-number input{text-align:right;border:1px solid var(--ink);width:80px;padding:4px}.profile-slider-heading{align-items:center}.profile-measurement,.profile-saved{color:var(--muted);font-size:11px}.profile-measurement{white-space:nowrap;justify-self:end}@container (width<=460px){.profile-preset-cards .profile-option{grid-template-rows:auto;grid-template-columns:13px minmax(0,1fr)}.profile-preset-cards .profile-measurement{grid-column:1/-1;justify-self:center}.profile-preset-cards .profile-diagram{grid-row:auto}}.profile-slider>.profile-diagram{grid-area:2/2}@media (width<=430px){.profile-slider-heading{grid-column:1}.profile-slider-controls{grid-column:1/-1}.profile-slider>.profile-diagram{grid-row:1}}.profile-option{border:1px solid var(--ink);background:var(--white);cursor:pointer;grid-template-rows:15px 36px;grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:4px;padding:4px 8px;display:grid}@container (width>=600px){.surface-options{grid-template-columns:repeat(5,minmax(0,1fr))}}.surface-options .profile-option{grid-template-rows:minmax(16px,auto) 36px}.surface-options .profile-diagram{grid-row:2}.surface-direction{align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.surface-direction select{padding:4px 8px}.surface-curve-row{grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:12px;margin-top:8px;display:grid}.surface-curve-row>.profile-diagram{grid-area:1/2}.surface-curve input{width:100%;margin:0;display:block}.surface-curve-labels{grid-template-columns:repeat(3,1fr);font-size:11px;display:grid}.surface-curve-labels span:nth-child(2){text-align:center}.surface-curve-labels span:last-child{text-align:right}.profile-option:hover{background:var(--accent-tint)}.profile-option:has(input:checked){background:var(--selection);box-shadow:inset 0 0 0 1px var(--ink)}.profile-option:has(input:disabled){cursor:default}.profile-option input{margin:0}.profile-name{font-size:12px;font-weight:700}.profile-diagram{grid-area:2/1/auto/-1;width:min(100%,56px);height:36px;margin:0 auto;display:block}.profile-guide{stroke:#7f7692;stroke-width:.18px;stroke-dasharray:.65 .5}.profile-silhouette{fill:#eee5cd;stroke:var(--ink);stroke-width:.38px}.settings{--label-gap:4px;--field-gap:8px}.settings section{padding:var(--panel-inset)}.settings-body h2{color:#000;font-weight:800}.settings label+:is(select,input:not([hidden]),textarea,.text-entry,.range-row,.artwork-slider),.settings label>:is(input[type=number],input[type=text]){margin-block-start:var(--label-gap)}.settings :is(select,input:not([hidden]),.text-entry,.keyboard-layout-controls,.keyboard-toggle,.inlay-lift-control,.source-row,h2)+label,.settings .svg-file-picker+.text-form,.settings .keyboard-font-label{margin-block-start:var(--field-gap)}.settings :is(.file-picker,.text-entry,.svg-file-picker textarea,.keyboard-toggle){margin-block-end:0}.settings .keyboard-toggle{margin-block-start:var(--field-gap)}.section-label{justify-content:space-between;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.profile-plan{fill:#e0d9ed;stroke:var(--ink);stroke-width:.3px}.badge{color:#573d2b;background:#f2dfbc;border:1px solid #936b41;padding:4px;font-size:10px}.settings label{font-size:11px;font-weight:700;display:block}.settings p{color:var(--muted);margin:8px 0;font-size:11px;line-height:1.45}.settings .status{min-height:1em;margin-bottom:0}.settings :is(select,input[type=text],input[type=number],.text-entry textarea){border:1px solid var(--ink);background:#fff;border-radius:0;width:100%;min-width:0;padding:4px 8px;font-size:12px}.keyboard-layout-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.settings select{display:block}.settings select:disabled,.settings input:disabled{background:var(--metal)}.file-picker{width:100%;margin:4px 0 8px;font-size:11px;display:block}.file-picker::file-selector-button{font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--ink);box-shadow:1px 1px 0 var(--ink);border-radius:4px;margin:0 8px 0 0;padding:4px 8px}.text-entry{align-items:center;gap:8px;margin:4px 0 8px;display:flex}.svg-file-picker input[hidden]{display:none}.svg-file-picker textarea{width:100%;font:inherit;margin:4px 0 8px;display:block}.svg-file-picker>button{margin-bottom:8px}.text-entry textarea{resize:vertical;flex:1}.text-entry:has(>textarea){align-items:flex-start}.source-row,.range-row{align-items:center;gap:8px;display:flex}.font-link-label{margin-top:8px}.font-link-entry input{flex:1;min-width:0}.font-link-entry button{white-space:nowrap;flex:none}.source-row{justify-content:flex-end;margin:8px 0;font-size:11px}.source-row span,.range-row input{flex:1;min-width:0}.source-row span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.artwork-placement{margin-top:8px}.artwork-placement>button{margin:8px auto;display:block}.artwork-placement>p{margin-top:0}.artwork-placement-label{font-size:11px;font-weight:700}.artwork-placement-preview{border:1px solid var(--ink);background:var(--selection);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,144px);height:auto;margin:4px auto 0;display:block}.artwork-placement-preview[data-wide=true]{width:100%}.artwork-placement-preview:active{cursor:grabbing}.artwork-placement-preview[data-disabled=true]{cursor:default}.placement-cap{fill:#ede4cc;stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke}.placement-guides{fill:none;stroke:var(--rule);stroke-width:1px;vector-effect:non-scaling-stroke}.placement-art{fill:var(--ink)}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;margin-top:8px;display:grid}.art-grid input,.range-row{margin-top:4px}.range-row input{margin:0}output{text-align:right;min-width:69px;font:11px ui-monospace,monospace}.cap-size{gap:8px;margin:0 0 0 auto;font-size:11px;display:flex}.cap-size dt{color:var(--muted)}.cap-size dd{white-space:nowrap;margin:0}.settings .project-files{margin-top:auto}.project-download-status{color:var(--muted);font-size:11px}.project-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.project-actions button{justify-content:center;align-items:center;gap:8px;display:flex}.project-actions svg{flex:none;width:24px;height:24px}.project-dialog{width:min(360px,100% - 32px);color:var(--ink);padding:0}.key-editor{width:min(400px,100% - 32px);max-height:calc(100dvh - 8px)}.key-artwork-preview{border-bottom:1px solid var(--ink);height:192px}.key-editor label{display:block}.key-editor select{width:100%;margin-top:4px;padding:4px 8px;display:block}.key-editor-filename{overflow-wrap:anywhere;color:var(--muted);margin:4px 0 8px;font-size:12px}.key-artwork-treatment{margin-bottom:12px}.artwork-placement+.artwork-controls{margin-top:8px}.key-editor form>[role=alert]{margin:8px 0 0}.key-editor .dialog-actions{flex-wrap:wrap}.remove-key-artwork{margin-inline-end:auto}.danger-button:enabled{color:#a3353a;border-color:currentColor;box-shadow:1px 1px}.danger-button:hover:enabled{background:#fff0f0}.danger-button:active:enabled{box-shadow:inset 1px 1px}.key-text-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;display:flex}.key-text-heading small{color:#625d6c;font-size:12px}.project-dialog::backdrop{background:#24212b73}.support-dialog{width:min(460px,100% - 24px);max-height:calc(100dvh - 24px)}.support-dialog iframe{border:0;width:calc(100% - 32px);height:clamp(120px,100dvh - 164px,590px);margin:12px auto 0;display:block}.support-dialog:has(.draggable-title:active) iframe{pointer-events:none}.support-actions{justify-items:center;gap:8px;padding:12px 16px;display:grid}.support-primary{border:1px solid var(--ink);background:var(--white);width:100%;min-height:36px;color:var(--ink);border-radius:4px;place-items:center;font-weight:700;text-decoration:none;display:grid}.support-primary:hover{background:var(--selection)}.project-dialog form{padding:16px}.project-dialog input{border:1px solid var(--ink);width:100%;margin-top:4px;padding:4px 8px;display:block}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.downloads{gap:8px;display:grid;position:relative}.export-tooltip{visibility:hidden;z-index:2;inset-inline:0;border:1px solid var(--ink);background:var(--white);box-shadow:1px 1px 0 var(--ink);pointer-events:none;border-radius:4px;padding:8px;font-size:12px;position:absolute;bottom:calc(100% + 4px)}.inlay-lift-control{position:relative}:is(.downloads:has(button:hover,button:focus-visible) .export-tooltip,.inlay-lift-control:has(label:hover,input:focus-visible) .export-tooltip){visibility:visible}.downloads button{min-height:42px;font-size:14px;font-weight:800}.desktop-status{padding:8px var(--window-inset);border-top:1px solid var(--ink);background:var(--metal);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font:11px ui-monospace,monospace;display:flex}@media (width<=730px){.menu-bar{padding-inline:24px}.desktop{padding-block:24px}.draggable-title,.draggable-title:active{cursor:default;touch-action:auto}.settings{max-height:none}.settings-body{overflow:visible}.workbench{row-gap:var(--window-inset);grid-template-rows:none;grid-template-columns:1fr;grid-template-areas:"preview""settings""shape"}.workbench:not(:has(.shape-settings)){grid-template-areas:"preview""settings"}.workbench:not(:has(.shape-settings)) .viewport-panel{grid-row:auto}.workbench:has(.shape-settings) .viewport-panel{border-bottom:1px solid var(--ink)}.shape-settings{border-top:1px solid var(--ink)}.view-frame{--view-height:clamp(250px, 49vw, 340px)}}@media (width<=430px){.desktop{padding-block:16px}.menu-bar{gap:8px;padding-inline:8px}.desktop-menu summary{padding-inline:8px}.desktop-menu{position:static}.menu-popup{inset-inline-start:8px}.desktop{padding-inline:8px}.app-window{--window-inset:8px}}@media (width<=370px){.menu-bar{flex-wrap:wrap;row-gap:0;height:auto}.menu-bar>.menu-brand,.menu-items{height:31px}}.launcher{place-items:center;min-height:calc(100dvh - 33px);padding:20px;display:grid}.about-dialog{width:min(640px,100% - 32px);max-height:calc(100dvh - 32px)}.about-copy{padding:16px;line-height:1.5}.about-copy :is(h2,h3){font-weight:700}.about-copy h2{margin:16px 0 4px;font-size:16px}.about-copy h2:first-child{margin-top:0}.about-copy p:last-child{margin-bottom:0}.about-page{width:min(720px,100% - 32px);margin:32px auto}.about-copy h3{margin:0 0 4px;font-size:14px}.about-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.about-tool{border:1px solid var(--rule);background:var(--accent-tint);color:var(--ink);padding:12px;text-decoration:none}.about-tool:hover{background:var(--selection)}.about-tool h3{align-items:center;gap:8px;display:flex}.about-tool svg{flex:none;width:24px;height:24px}.about-topic{border-top:1px solid var(--rule);margin-top:16px;padding-top:16px}.about-topic>h2:first-child{font-size:20px}.about-links{flex-wrap:wrap;gap:8px 16px;display:flex}.about-copy p.about-links{border-top:1px solid var(--rule);margin-top:16px;padding-top:12px}.about-links:has(.about-share){align-items:center}.about-share{white-space:nowrap;inline-size:5em;margin-inline-start:auto}.about-share[data-feedback]{inline-size:9em}@media (prefers-reduced-motion:no-preference){.about-share{transition:inline-size .16s}}@media (width<=430px){.about-tools{grid-template-columns:1fr}}.launcher-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;display:grid}@media (width<=730px){.launcher-icons{gap:24px}}@media (width<=430px){.launcher-icons{gap:16px}}.launcher-icon{color:var(--ink);text-align:center;align-content:center;justify-items:center;gap:12px;font-weight:700;text-decoration:none;display:grid}.launcher-support{grid-column:1/-1;justify-self:center}.desktop-art{width:72px;height:72px}.desktop-art svg{display:none}.desktop-pixels{pointer-events:none;image-rendering:pixelated;position:fixed;inset:0 auto auto 0}.launcher-icon span{border:1px solid var(--ink);background:var(--paper);padding:4px 8px}.launcher-icon:is(:hover,:focus-visible) span{color:var(--white);background:var(--ink)}.clicker-stage{height:calc(var(--view-height) + 48px);background-color:#dddaf0;background-image:radial-gradient(#aaa2c6 1px,#0000 1px);background-size:16px 16px;place-items:center;min-height:300px;padding:24px 0 44px;display:grid;overflow:hidden}.clicker-model{grid-template-columns:repeat(var(--clicker-columns), var(--clicker-unit));gap:calc(var(--clicker-gap) * var(--clicker-unit));padding:calc(var(--clicker-padding) * var(--clicker-unit));display:grid;position:relative}.clicker-stage .clicker-cap,.clicker-socket{width:var(--clicker-unit,72px);aspect-ratio:1;border:2px solid var(--ink);border-radius:8px;place-items:center;padding:4px;font:700 12px ui-monospace,monospace;display:grid}.clicker-stage .clicker-cap{border-radius:var(--clicker-radius,28%);background:color-mix(in srgb, var(--clicker-cap,#f4b7b0) 76%, #30233d);box-shadow:none;position:relative;overflow:hidden}.clicker-face{inset:var(--clicker-inset);border-radius:inherit;background:var(--clicker-cap);isolation:isolate;place-items:center;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 1px #fff8}.clicker-art{width:100%;height:100%;fill:var(--ink);z-index:-1;position:absolute;inset:0}.clicker-cap[data-selected=true] .clicker-face{box-shadow:inset 0 0 0 1px var(--accent)}.clicker-outline{place-items:center;width:224px;display:grid}.clicker-outline>*{grid-area:1/1}.clicker-outline>svg{width:100%}.clicker-outline-body{fill:#a2a5cb;fill-rule:evenodd;stroke:var(--ink);stroke-width:.5px}.clicker-outline-design{fill:var(--selection);fill-rule:evenodd;stroke:var(--accent);stroke-width:.3px}.clicker-outline .clicker-socket{width:80px}.clicker-socket{background:#676887;box-shadow:inset 0 0 0 4px #aaaacf}.clicker-socket:after{content:"";aspect-ratio:1;background:var(--ink);border-radius:4px;width:56%}.clicker-caption{background:var(--white);border:1px solid var(--rule);padding:4px 8px;font-size:11px;position:absolute;bottom:12px}.clicker-layouts,.clicker-colors{gap:8px;margin-top:8px;display:flex}.clicker-layouts button{flex:1}.case-preset{justify-items:center;gap:4px;display:grid}.case-preset-icon{fill:#a2a5cb;width:40px;height:24px;stroke:var(--ink)}.case-icon-cap{fill:#f4b7b0}.clicker-gap,.clicker-wall-settings{margin-top:var(--field-gap)}.settings .clicker-keyring{align-items:center;gap:4px;margin-top:8px;display:flex}.clicker-keyring input{margin:0}#clicker-legend{margin-top:4px}.clicker-colors button{width:28px;height:28px;padding:0}.clicker-colors button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}.workshop-toolbar{background:var(--paper);border-bottom:1px solid var(--ink);justify-content:flex-start;gap:4px;display:flex}.workshop-toolbar button{background:var(--white);block-size:36px;inline-size:48px;box-shadow:none;border-top:0;border-radius:0;place-items:center;margin-bottom:-1px;padding:0;display:grid;position:relative}.workshop-toolbar button:first-child{border-left:0}.mode-icon{width:24px;height:24px}.mode-bubble{visibility:hidden;z-index:1;color:var(--ink);background:var(--white);border:1px solid var(--ink);filter:drop-shadow(1px 1px 0 var(--ink));white-space:nowrap;pointer-events:none;--tail-left:calc(50% - 6px);--tail-width:12px;--tail-height:6px;--tail-outline:polygon(0 0, 12px 0, 6px 6px);--tail-fill:polygon(.4px 0, 11.6px 0, 6px 5.6px);border-radius:5px;padding:4px 8px;font-weight:700;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;translate:-50%}.workshop-toolbar button:focus-visible .mode-bubble{visibility:visible}@media (hover:hover){.workshop-toolbar:has(button:hover) button:not(:hover) .mode-bubble{visibility:hidden}.workshop-toolbar button:hover .mode-bubble{visibility:visible}}.workshop-toolbar button[aria-pressed=true]{color:var(--white);background:var(--accent)}.workshop-toolbar button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #9181b8}.view-bar[hidden]{display:none}.keyboard-preview-switch{gap:var(--control-gap);flex-wrap:wrap;display:flex}.sprue-preview,.keyboard-preview{min-height:240px;padding:var(--panel-inset);border-bottom:1px solid var(--ink);background:#dddaf0;justify-items:center;gap:8px;display:grid}.preview-bubble{border:1px solid var(--ink);background:var(--white);--tail-left:12px;--tail-width:19px;--tail-height:13px;--tail-outline:polygon(5px 0, 19px 0, 0 13px);--tail-fill:polygon(6.5px 0, 18.7px 0, 2.1px 11.4px);border-radius:6px;max-width:32ch;padding:12px;font-size:14px;line-height:1.4;position:relative}:is(.mode-bubble,.preview-bubble):before,:is(.mode-bubble,.preview-bubble):after{content:"";inline-size:var(--tail-width);block-size:var(--tail-height);pointer-events:none;position:absolute;inset-inline-start:var(--tail-left)}:is(.mode-bubble,.preview-bubble):before{background:var(--ink);clip-path:var(--tail-outline);inset-block-start:100%}:is(.mode-bubble,.preview-bubble):after{background:var(--white);clip-path:var(--tail-fill);inset-block-start:calc(100% - 1px)}.sprue-empty-bubble{place-self:start;margin:8px 12px 20px}.model-preview-bubble{top:12px;left:var(--panel-inset);max-width:min(32ch,100% - 24px);padding-right:36px;position:absolute}.model-preview-bubble p{margin:0}.model-preview-bubble .window-close{top:8px;transform:none}.view-frame:has(.model-preview-bubble) .view-tag{top:auto;right:var(--panel-inset);bottom:8px;left:auto}.sprue-preview{grid-template-rows:auto 1fr}.sprue-controls{align-self:start;max-width:100%}.sprue-selectors{flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.sprue-controls input{width:100%;min-width:0;display:block}.sprue-controls p{margin:8px 0 0}.sprue-preview svg,.keyboard-preview svg{width:100%;height:clamp(205px,31vh,320px);display:block}.keyboard-preview{align-content:center}.keyboard-preview svg{height:auto;max-height:330px}.keyboard-frame{fill:#a9a2c8;stroke:var(--accent);stroke-width:1px}.sprue-face{fill:none;stroke:var(--rule);stroke-width:.2px;pointer-events:none}.sprue-key{fill:#eee5cd;stroke:var(--ink);stroke-width:.35px}.sprue-rail{fill:var(--accent)}.editable-key{cursor:pointer}.editable-key:is(:hover,:focus-visible) .sprue-key{fill:var(--selection);stroke:var(--accent);stroke-width:.8px}.key-legend{fill:var(--ink);pointer-events:none}#key-legend-text{margin-bottom:12px}.settings .keyboard-toggle{gap:var(--field-gap);align-items:center;display:flex}.keyboard-toggle input{margin:0}.print-dialog{max-height:calc(100dvh - 8px)}.print-dialog label{font-weight:700;display:block}.print-dialog label:not(:first-child){margin-top:12px}.print-dialog .sprue-selectors{margin-top:12px;display:block}.print-dialog .art-grid label{margin-top:0}.print-dialog select{width:100%;margin-top:4px;padding:4px}.print-dialog p{color:var(--muted);margin:4px 0;font-size:12px}.print-dialog .range-row input{border:0;padding:0}.advanced-dimensions{gap:8px;display:grid}.advanced-dimensions input{margin-top:4px;display:block}.artwork-controls{gap:8px;display:grid}.artwork-controls button{justify-self:start}.artwork-controls p{margin:0}.artwork-controls>label>input[type=number]{margin-top:4px}.artwork-slider,.artwork-value{align-items:center;gap:8px;display:flex}.artwork-slider{margin-top:4px}.artwork-slider .artwork-value input{margin:0}.artwork-slider input[type=range]{flex:1;min-width:0;margin:0}.artwork-value{flex:0 0 88px}.surface-perspective path{stroke:var(--ink);stroke-width:1px;stroke-linejoin:round}.surface-diagram-wall{fill:#d1c4a7}.surface-diagram-face{fill:#eee5cd}.surface-perspective polyline{fill:none;stroke:var(--accent);stroke-width:.8px}.slicer-help-dialog{width:min(500px,100% - 32px);max-height:calc(100dvh - 32px);font-family:Arial,sans-serif}.slicer-tabs{border-bottom:1px solid var(--ink);flex-wrap:wrap;gap:4px;padding:8px 12px;display:flex}.slicer-tabs button{flex:1 0 auto;padding:4px 8px}.slicer-tabs [aria-selected=true]{background:var(--accent);color:#fff}.slicer-help-dialog h2{margin:0 0 8px;font-size:16px}.slicer-help-dialog h3{margin:0 0 4px;font-size:13px}.slicer-steps{margin:0 0 12px;padding-left:24px}.slicer-steps li+li{margin-top:4px}.slicer-settings{border:1px solid var(--ink);background:var(--accent-tint);padding:12px}.slicer-settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.slicer-settings-header h3{margin:0}.slicer-settings-header label{align-items:center;gap:8px;display:flex}.slicer-help-dialog .slicer-nozzle-tip{margin-bottom:8px}.slicer-layer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.slicer-layer-options>div{background:var(--white);border:1px solid var(--ink);text-align:center;justify-items:center;gap:4px;padding:4px;display:grid}.slicer-layer-options .profile-diagram{grid-area:auto}.slicer-layer-options span{font-size:12px}.slicer-help-dialog .slicer-ironing{margin-top:8px}.slicer-support-settings{margin-top:12px}.slicer-support-settings :is(ul,ol){margin:8px 0 0;padding-left:20px}.slicer-mx-support{border-top:1px solid var(--rule);margin-top:12px;padding-top:8px}.slicer-help-dialog .slicer-support-settings>h3,.slicer-mx-support h4{font-size:inherit}.slicer-mx-support h4{margin:0;font-weight:400}.slicer-support-settings li+li{margin-top:4px}.slicer-support-tuning{margin-top:8px}.slicer-support-tuning summary{cursor:pointer;font-weight:700}.slicer-help-dialog .slicer-tip{margin-top:12px;font-size:12px}.slicer-help-dialog p{margin:0}.print-support{border:1px solid var(--ink);background:var(--accent-tint);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.print-support-icon{place-items:center;min-height:48px;display:grid}.print-support-icon svg{width:48px;height:48px}.print-support h3{margin:0;font-size:14px}.print-support p{text-align:center;grid-column:1/-1;margin:0}.print-support-signature{text-align:right;display:block}.print-support .support-primary{grid-column:1/-1}.print-slicer-settings{width:calc(100% - 26px);margin:12px auto 0}@media (prefers-reduced-motion:no-preference){.print-download-dots{animation:1.2s steps(3,end) infinite print-download-dots;display:inline-block}}@keyframes print-download-dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.keyboard-design-mode{margin-bottom:8px}.keyboard-layout-controls[data-overlay=true]{grid-template-columns:minmax(0,1fr)}.keyboard-preview[data-overlay=true] svg{cursor:grab;touch-action:none}.keyboard-preview[data-overlay=true] svg:active{cursor:grabbing}.clicker-body-plan{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.clicker-outline{position:relative}.clicker-outline>.clicker-body-plan>path{display:none}.clicker-ring-handle{fill:#dddaf0;stroke:var(--accent);stroke-width:1.4px}.clicker-ring-handle[data-editable=true]{pointer-events:all;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.keyring-actions{gap:var(--control-gap);margin-inline-start:auto;display:flex}.clicker-ring-handle[data-editable=true]:active{cursor:grabbing;outline:none}.clicker-caption{pointer-events:none}.clicker-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(100%,176px);margin:8px auto 0;display:grid}.clicker-grid button{aspect-ratio:1;min-width:0;padding:4px}.clicker-preview-header{flex-wrap:wrap}.clicker-preview-header .history-buttons{margin-inline-start:auto}.preview-controls{align-items:center;gap:var(--control-gap);flex-wrap:wrap;display:flex}.preview-controls select{padding:4px}.clicker-stage>:is(.clicker-model,.clicker-outline){scale:var(--clicker-zoom,1)}.layout-picker{min-width:0;position:relative}.layout-picker-trigger{width:100%;margin-top:var(--label-gap);box-shadow:none;text-align:left;background:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.layout-picker-trigger span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-picker-popup,.layout-picker-submenu{border:1px solid var(--ink);background:var(--white);box-shadow:2px 2px 0 var(--ink);padding:4px}.layout-picker-popup{z-index:3;width:max-content;min-width:100%;max-width:min(232px,75vw);position:absolute;inset-block-start:100%;inset-inline-start:0}.layout-picker-popup button{width:100%;box-shadow:none;text-align:left;border:0;border-radius:0;padding:4px 8px;display:block}.layout-picker-popup button[aria-pressed=true]{background:var(--selection)}.layout-picker-popup .layout-picker-brand{justify-content:space-between;gap:8px;display:flex}.layout-picker-submenu{width:max-content;max-width:min(232px,100vw - 8px);max-height:calc(100dvh - 8px);margin:0;position:fixed;inset:auto;overflow:auto}@media (width<=730px){.keyboard-layout-controls{grid-template-columns:minmax(0,1fr)}.layout-picker-popup{max-height:min(50dvh,360px);overflow:auto}.layout-picker-submenu:not([popover]){border:0;border-inline-start:1px solid var(--rule);width:auto;max-width:none;max-height:none;box-shadow:none;margin-inline-start:8px;padding:0;position:static}}.layout-picker-brand[aria-expanded=true]{background:var(--selection)}.layout-picker-divider{align-items:center;gap:4px;padding:4px;font-size:11px;display:flex}.layout-picker-divider:before,.layout-picker-divider:after{content:"";border-top:1px solid var(--rule);flex:1}@supports (appearance:base-select) and selector(select::picker(select)){select{appearance:base-select}select::picker(select){appearance:base-select}select{border:1px solid var(--ink);background:#fff;border-radius:0;max-inline-size:100%;padding:4px 8px}select:disabled{background:var(--metal)}select{align-items:center;gap:4px;display:inline-flex}.settings select,.key-editor select{display:flex}select::picker-icon{content:"▾";color:inherit;flex:none;margin-inline-start:auto}select::picker(select){box-sizing:border-box;border:1px solid var(--ink);max-inline-size:calc(100vw - 8px);color:inherit;background:var(--white);box-shadow:2px 2px 0 var(--ink);border-radius:0;padding:4px}select option{min-block-size:0;padding:4px 8px;display:block}select option::checkmark{display:none}select option:checked,select option:enabled:is(:hover,:focus-visible){background:var(--selection)}}.platform-heading{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tool-guide{width:min(720px,100% - 32px);margin:16px auto}