.layout-generator[data-astro-cid-xzsa3ake]{margin-block:32px}.layout-generator[data-astro-cid-xzsa3ake][data-compact=true] [data-astro-cid-xzsa3ake]:is(.lg-count,[data-download]),.layout-generator[data-astro-cid-xzsa3ake][data-compact=true]:not([data-compact-items]) [data-astro-cid-xzsa3ake]:is(.lg-target,[data-group=item]){display:none!important}.layout-generator[data-astro-cid-xzsa3ake][data-compact=true] .lg-header[data-astro-cid-xzsa3ake]{justify-content:flex-end}.lg-preview[data-astro-cid-xzsa3ake] .lg-item{font:inherit;color:var(--text)}.lg-header[data-astro-cid-xzsa3ake]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lg-presets[data-astro-cid-xzsa3ake]{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.lg-presets[data-astro-cid-xzsa3ake] span[data-astro-cid-xzsa3ake]{color:var(--muted)}.lg-workspace[data-astro-cid-xzsa3ake]{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);display:grid;overflow:hidden}.lg-stage[data-astro-cid-xzsa3ake]{min-width:0;padding:16px}.lg-toolbar[data-astro-cid-xzsa3ake]{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.9rem;display:flex}.lg-count[data-astro-cid-xzsa3ake],.lg-target[data-astro-cid-xzsa3ake]{align-items:center;gap:6px;display:flex}.lg-count[data-astro-cid-xzsa3ake] label[data-astro-cid-xzsa3ake],.lg-target[data-astro-cid-xzsa3ake] label[data-astro-cid-xzsa3ake]{color:var(--muted);margin-right:4px}.lg-count[data-astro-cid-xzsa3ake] input[data-astro-cid-xzsa3ake]{text-align:center;width:4.5em}.lg-width[data-astro-cid-xzsa3ake]{align-items:center;gap:6px;display:flex}.lg-width[data-astro-cid-xzsa3ake] label[data-astro-cid-xzsa3ake]{color:var(--muted);margin-right:4px}.lg-width[data-astro-cid-xzsa3ake] input[data-astro-cid-xzsa3ake]{width:120px;accent-color:var(--accent)}.lg-width[data-astro-cid-xzsa3ake] output[data-astro-cid-xzsa3ake]{font-variant-numeric:tabular-nums;min-width:3.5em}.lg-preview[data-astro-cid-xzsa3ake]{box-sizing:border-box;width:var(--lg-preview-width,auto);background:var(--code-bg);border:2px dashed var(--border);border-radius:6px;min-width:0;padding:12px;overflow:auto}.lg-preview[data-astro-cid-xzsa3ake] .lg-item{--item-color:var(--nav-css);min-width:40px;min-height:40px;color:var(--text);background:color-mix(in srgb, var(--item-color) 18%, var(--surface));border:2px solid var(--item-color);border-radius:6px;padding:10px 14px;font-weight:600}.lg-preview[data-astro-cid-xzsa3ake] .lg-item:nth-child(4n+2){--item-color:var(--nav-html)}.lg-preview[data-astro-cid-xzsa3ake] .lg-item:nth-child(4n+3){--item-color:var(--nav-tools)}.lg-preview[data-astro-cid-xzsa3ake] .lg-item:nth-child(4n){--item-color:var(--nav-javascript)}.lg-preview[data-astro-cid-xzsa3ake] .lg-item[data-modified]{outline:2px dotted var(--text);outline-offset:1px}.lg-preview[data-astro-cid-xzsa3ake] .lg-item[aria-pressed=true]{background:color-mix(in srgb, var(--item-color) 40%, var(--surface));outline:3px solid var(--accent);outline-offset:1px}.lg-preview[data-astro-cid-xzsa3ake][data-all-selected] .lg-item{outline:2px solid var(--accent);outline-offset:1px}.lg-note[data-astro-cid-xzsa3ake]{color:var(--muted);margin:8px 0 0;font-size:.8rem}.lg-panel[data-astro-cid-xzsa3ake]{border-left:1px solid var(--border);background:var(--page);min-width:0;max-height:640px;padding:16px;overflow:auto}fieldset[data-astro-cid-xzsa3ake]{border:0;min-width:0;margin:0;padding:0}.lg-group[data-astro-cid-xzsa3ake]{margin-bottom:16px}.lg-group[data-astro-cid-xzsa3ake] summary[data-astro-cid-xzsa3ake]{cursor:pointer;padding:6px 0;font-weight:600}.lg-group[data-astro-cid-xzsa3ake][data-group=item][data-active] summary[data-astro-cid-xzsa3ake]{color:var(--accent)}summary[data-astro-cid-xzsa3ake] code[data-astro-cid-xzsa3ake]{color:var(--code-tag);font-weight:400}.lg-empty[data-astro-cid-xzsa3ake]{color:var(--muted);border:1px dashed var(--border);border-radius:6px;margin:4px 0 0;padding:12px;font-size:.85rem;line-height:1.5}.lg-field[data-astro-cid-xzsa3ake]{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:4px 10px;padding-block:8px;display:grid}.lg-field[data-astro-cid-xzsa3ake] label[data-astro-cid-xzsa3ake] code[data-astro-cid-xzsa3ake]{color:var(--code-property);overflow-wrap:anywhere;font-size:.85rem}.lg-field[data-astro-cid-xzsa3ake] [data-astro-cid-xzsa3ake][aria-invalid=true]{border-color:var(--danger)}.lg-hint[data-astro-cid-xzsa3ake],.lg-error[data-astro-cid-xzsa3ake]{color:var(--muted);grid-column:1/-1;margin:0;font-size:.8rem;line-height:1.4}.lg-error[data-astro-cid-xzsa3ake]{color:var(--danger)}[data-astro-cid-xzsa3ake][data-clear-item]{background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.85rem!important}.lg-code[data-astro-cid-xzsa3ake]{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 16px;display:grid}.lg-code[data-astro-cid-xzsa3ake] pre{max-height:420px}.lg-actions[data-astro-cid-xzsa3ake]{margin-left:auto}.lg-actions[data-astro-cid-xzsa3ake] [data-astro-cid-xzsa3ake][data-reset]:hover:not(:disabled){border-color:var(--danger)}.layout-generator[data-astro-cid-xzsa3ake].is-expanded{z-index:100;overscroll-behavior:contain;background:var(--page);margin:0;padding:16px max(16px,50vw - 800px);position:fixed;inset:0;overflow:auto}.layout-generator[data-astro-cid-xzsa3ake].is-expanded .lg-panel[data-astro-cid-xzsa3ake]{max-height:calc(100dvh - 120px)}html.layout-generator-open{overflow:hidden}.lg-status[data-astro-cid-xzsa3ake]{margin:0;font-size:.9rem}[data-astro-cid-xzsa3ake][hidden]{display:none!important}@media (width<=860px){.lg-workspace[data-astro-cid-xzsa3ake]{grid-template-columns:minmax(0,1fr)}.lg-panel[data-astro-cid-xzsa3ake]{border-left:0;border-top:1px solid var(--border);max-height:none}}.bmt-compact[data-astro-cid-u3w5msec]{grid-column:1/-1;min-width:0;margin:0}.bmt-workbench[data-astro-cid-u3w5msec]{min-width:0;container-type:inline-size}.bmt-actions[data-astro-cid-u3w5msec]{justify-content:flex-end;margin-block:8px 16px}.bmt-columns[data-astro-cid-u3w5msec]{grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);align-items:start;gap:20px;display:grid}.bmt-visual[data-astro-cid-u3w5msec]{min-width:0}@container (width<=800px){.bmt-columns[data-astro-cid-u3w5msec]{grid-template-columns:minmax(0,1fr)}}.bmt-caption[data-astro-cid-u3w5msec]{margin-block:0 8px}.bmt-scroll[data-astro-cid-u3w5msec]{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:100%;max-height:420px;padding:12px;overflow:auto}.bmt-scroll[data-astro-cid-u3w5msec]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bmt-margin[data-astro-cid-u3w5msec]{vertical-align:top;background:color-mix(in srgb, #cb9b45 30%, var(--surface));display:inline-flex}.bmt-specimen[data-astro-cid-u3w5msec]{border-style:solid;border-color:var(--accent);background:color-mix(in srgb, #5ba070 28%, var(--surface));flex:none;min-width:0;max-width:none;min-height:0;display:block}.bmt-content[data-astro-cid-u3w5msec]{background:color-mix(in srgb, var(--accent) 18%, var(--surface));width:100%;min-width:0;height:100%;min-height:0;color:var(--text);place-items:center;font-size:14px;display:grid;overflow:hidden}.bmt-legend[data-astro-cid-u3w5msec]{flex-wrap:wrap;gap:8px 14px;padding:0;font-size:13px;list-style:none;display:flex}.bmt-legend[data-astro-cid-u3w5msec] li[data-astro-cid-u3w5msec]{align-items:center;gap:5px;display:flex}.bmt-swatch[data-astro-cid-u3w5msec]{border:1px solid var(--border);width:14px;height:14px}.bmt-swatch-content[data-astro-cid-u3w5msec]{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.bmt-swatch-padding[data-astro-cid-u3w5msec]{background:color-mix(in srgb, #5ba070 28%, var(--surface))}.bmt-swatch-border[data-astro-cid-u3w5msec]{background:var(--accent)}.bmt-swatch-margin[data-astro-cid-u3w5msec]{background:color-mix(in srgb, #cb9b45 30%, var(--surface))}.bmt-metrics[data-astro-cid-u3w5msec]{gap:8px;font-size:14px;display:grid}.bmt-metrics[data-astro-cid-u3w5msec] div[data-astro-cid-u3w5msec]{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.bmt-metrics[data-astro-cid-u3w5msec] dt[data-astro-cid-u3w5msec]{color:var(--muted)}.bmt-metrics[data-astro-cid-u3w5msec] dd[data-astro-cid-u3w5msec]{font-variant-numeric:tabular-nums;margin:0}.bmt-fields[data-astro-cid-u3w5msec],.bmt-sizing[data-astro-cid-u3w5msec]{gap:10px;min-width:0;display:grid}.bmt-fields[data-astro-cid-u3w5msec]{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));align-items:end}.bmt-field-reference[data-astro-cid-u3w5msec]{gap:4px;min-width:0;display:grid}.bmt-fields[data-astro-cid-u3w5msec] .ui-text-link{font-size:13px}.bmt-sizing[data-astro-cid-u3w5msec] label[data-astro-cid-u3w5msec]{font-size:14px}.bmt-formula[data-astro-cid-u3w5msec]{background:var(--surface);border-radius:8px;padding:12px}.bmt-code[data-astro-cid-u3w5msec]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.bmt-code[data-astro-cid-u3w5msec] pre{max-height:320px}@media (width<=760px){.bmt-columns[data-astro-cid-u3w5msec]{grid-template-columns:minmax(0,1fr)}}.generator-tool{min-width:0}.generator-tool section{margin-block:28px}.generator-gallery{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.generator-gallery-scroll{--preset-row:91px;max-height:calc(2 * var(--preset-row) + 8px + 28px);overscroll-behavior:contain;scrollbar-gutter:stable;margin-inline:-4px;padding:4px;overflow-y:auto}.generator-gallery-hint{color:var(--muted);margin-block:-8px 12px;font-size:14px}[data-tab-panel] .generator-gallery-hint:first-child{margin-top:12px}.generator-preset{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;gap:4px;padding:0 0 6px;font-size:12px;line-height:1.25;display:grid;overflow:hidden}.generator-preset:hover{border-color:var(--accent)}.generator-preset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.generator-preset[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--selected)}.generator-preset-stage{place-items:center;height:64px;display:grid}.generator-stage,.generator-preset-stage{--stage-bg:#edf0f5;--stage-text:#182238;background:var(--stage-bg);color:var(--stage-text)}[data-background=dark].generator-stage,[data-background=dark].generator-preset-stage{--stage-bg:#182238;--stage-text:#edf0f5}[data-background=checker].generator-stage,[data-background=checker].generator-preset-stage{background:repeating-conic-gradient(#d9dde5 0 25%, #fff 0 50%) 0 0 / 20px 20px}.generator-workspace{gap:16px;margin-block:20px;display:grid}.generator-workspace>h2,.generator-workspace>h3{margin-bottom:0}.generator-stage-settings{flex-wrap:wrap;align-items:end;gap:16px 24px;display:flex}.generator-stage-settings .ui-range-field{flex:180px;max-width:260px}.generator-expand{margin-left:auto}.generator-stage-settings>.ui-button:not(.generator-expand){min-height:40px}.generator-stage{border:1px solid var(--border);border-radius:12px;place-items:center;min-height:300px;padding:48px 24px;display:grid;overflow:hidden}.generator-mode-hint{color:var(--muted);font-size:14px}.generator-controls{gap:16px;display:grid}.generator-fields{flex-basis:100%;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end;gap:10px 24px;display:grid}.generator-fields .ui-range-field{gap:2px}.generator-fields .ui-toggle{align-self:center;font-size:14px}@media (pointer:fine){.generator-fields .ui-range{height:24px;min-height:24px}}.generator-tool.is-expanded{z-index:100;overscroll-behavior:contain;background:var(--page);margin:0;padding:16px max(16px,50vw - 750px);position:fixed;inset:0;overflow:auto}.generator-tool.is-expanded .generator-workspace,.generator-tool.is-expanded .ui-expanded-bar+section{margin-top:0}@media (width>=1000px){.generator-tool.is-expanded .generator-layout{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:32px;display:grid}.generator-tool.is-expanded .generator-workspace{position:sticky;top:64px}.generator-tool.is-expanded .generator-stage{min-height:min(60vh,520px)}.generator-tool.is-expanded .generator-panels>section:first-child,.generator-tool.is-expanded>section:first-child{margin-top:0}}@media (width<=700px){.generator-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=540px){.generator-gallery{gap:6px}.generator-preset-stage{height:52px}.generator-gallery-scroll{--preset-row:79px;max-height:calc(2 * var(--preset-row) + 6px + 28px)}}.transform-editor{flex-basis:100%;gap:12px;min-width:0;display:grid}.transform-add{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.transform-panel:not([hidden]){gap:8px;display:grid}.transform-panel output{font-family:var(--code-font);overflow-wrap:anywhere;font-size:13px}.transform-empty{color:var(--muted);margin:0;font-size:14px}.transform-object[data-object=card],.transform-object[data-object=cube]{box-shadow:none;transform-style:preserve-3d;background:0 0}.transform-object .transform-face{border-radius:inherit;background:var(--face-bg,#3f6fd8);color:inherit;place-items:center;display:grid;position:absolute;inset:0}.transform-object[data-object=card] .transform-face{backface-visibility:hidden}.transform-object[data-object=card] .transform-face--back{background:var(--face-back,#c2410c);transform:rotateY(180deg)}.transform-object[data-object=cube] .transform-face{opacity:.92;border:1px solid #ffffff80;border-radius:0;font-size:14px}.transform-object[data-object=cube] .transform-face--front{transform:translateZ(var(--cube-half,45px))}.transform-object[data-object=cube] .transform-face--back{transform:rotateY(180deg) translateZ(var(--cube-half,45px));background:color-mix(in srgb, var(--face-bg,#3f6fd8), black 25%)}.transform-object[data-object=cube] .transform-face--right{transform:rotateY(90deg) translateZ(var(--cube-half,45px));background:color-mix(in srgb, var(--face-bg,#3f6fd8), white 20%)}.transform-object[data-object=cube] .transform-face--left{transform:rotateY(-90deg) translateZ(var(--cube-half,45px));background:color-mix(in srgb, var(--face-bg,#3f6fd8), black 35%)}.transform-object[data-object=cube] .transform-face--top{transform:rotateX(90deg) translateZ(var(--cube-half,45px));background:color-mix(in srgb, var(--face-bg,#3f6fd8), white 40%)}.transform-object[data-object=cube] .transform-face--bottom{transform:rotateX(-90deg) translateZ(var(--cube-half,45px));background:color-mix(in srgb, var(--face-bg,#3f6fd8), black 50%)}.generator-stage:has(.shadow-light){position:relative}.shadow-light.ui-button{z-index:2;touch-action:none;cursor:grab;color:#182238;background:#fff6b3;border:2px solid #182238;min-width:36px;min-height:36px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff}.shadow-light.ui-button:active{cursor:grabbing}.radius-swatch{background:linear-gradient(90deg,#0b7a75,#2fa84f);width:56px;height:40px;display:block}.radius-animation-swatch{border-radius:var(--radius-from)}.generator-preset:is(:hover,:focus-visible) .radius-animation-swatch{animation:radius-swatch var(--radius-time) ease-in-out infinite alternate}@keyframes radius-swatch{0%{border-radius:var(--radius-from)}to{border-radius:var(--radius-to)}}@media (prefers-reduced-motion:reduce){.generator-preset:is(:hover,:focus-visible) .radius-animation-swatch{animation:none}}.radius-stage{--handle-gap:20px;--ratio:4 / 3;width:min(100%, 480px, calc(360px * (var(--ratio))));aspect-ratio:var(--ratio);outline:1px dashed color-mix(in srgb, currentColor 35%, transparent);position:relative}.radius-shape{background:linear-gradient(90deg,#0b7a75,#2fa84f);border-radius:24px;position:absolute;inset:0}.radius-handle.ui-button{touch-action:none;cursor:grab;background:0 0;border:2px solid #182238;border-radius:3px;width:14px;height:14px;min-height:14px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #fff}.radius-handle.ui-button:before{content:"";position:absolute;inset:-12px}.radius-handle[data-axis=x]{border-radius:50%}.radius-handle:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.radius-link{flex-basis:100%;gap:6px;display:grid}.radius-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.radius-fields-row{flex-basis:100%;grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=540px){.radius-fields{grid-template-columns:minmax(0,1fr)}}.radius-handle.ui-button:after{content:"";opacity:.5;pointer-events:none;background:currentColor;width:1px;height:1px;position:absolute;top:50%;left:50%}.radius-handle[data-out=up]:after,.radius-handle[data-out=down]:after{height:calc(var(--handle-gap) - 9px)}.radius-handle[data-out=up]:after{top:calc(100% + 2px)}.radius-handle[data-out=down]:after{top:auto;bottom:calc(100% + 2px)}.radius-handle[data-out=left]:after,.radius-handle[data-out=right]:after{width:calc(var(--handle-gap) - 9px)}.radius-handle[data-out=left]:after{left:calc(100% + 2px)}.radius-handle[data-out=right]:after{left:auto;right:calc(100% + 2px)}.radius-handle.ui-button:hover:not(:disabled){border-color:var(--accent);background:0 0}.generator-tool.is-expanded .radius-stage{width:min(100%, calc((100dvh - 330px) * (var(--ratio))))}.radius-tool [hidden]{display:none}.radius-tool .generator-preset>span:last-child{hyphens:auto;overflow-wrap:anywhere;padding-inline:4px}.radius-link .ui-segment-field{min-width:0}.radius-link .ui-segments--compact{flex-wrap:wrap}.radius-animation:not([hidden]){flex-basis:100%;justify-items:start;gap:10px;display:grid}.radius-animation .generator-fields{justify-self:stretch}[data-radius-frames] .ui-button[aria-pressed=true]{border-color:var(--accent);background:var(--selected)}.radius-tool .ui-field-group>.ui-toggle{flex-basis:100%;font-size:14px}.radius-tool .generator-stage-settings .ui-toggle{align-self:end;min-height:40px;font-size:14px}[data-astro-cid-gcxce6w3][data-compact=true] :is(#radius-preview,#radius-settings,#radius-result-heading),[data-astro-cid-gcxce6w3][data-compact=true] .generator-stage-settings>:not(.generator-expand),[data-astro-cid-gcxce6w3][data-compact=true] .generator-controls>.ui-field-group>:is(legend,.ui-field-group__description),[data-astro-cid-gcxce6w3][data-compact=true] .generator-controls .generator-fields,[data-astro-cid-gcxce6w3][data-compact=true] .generator-controls .ui-toggle:has([data-radius-animate]),[data-astro-cid-gcxce6w3][data-compact=true] .radius-animation,[data-astro-cid-gcxce6w3][data-compact=true] [data-radius-fields],[data-astro-cid-gcxce6w3][data-compact=true] :is([data-radius-undo],[data-radius-redo]){display:none!important}[data-astro-cid-gcxce6w3][data-compact=true] .generator-stage-settings{justify-content:flex-end}[data-astro-cid-gcxce6w3][data-compact=true]:not(.is-expanded) .radius-stage{width:min(100%, 300px, calc(220px * (var(--ratio))))}[data-astro-cid-gcxce6w3][data-compact=true] .generator-controls>.ui-field-group{border:0;padding:0}.units-tool[data-astro-cid-nho2ygro]{gap:24px;margin-block:24px;display:grid}.units-tool[data-astro-cid-nho2ygro] .ui-tabs__list{border-bottom:0}.units-tool[data-astro-cid-nho2ygro][data-compact=true] .ui-tabs__list{display:none}.units-tool-panel[data-astro-cid-nho2ygro]{border:1px solid var(--border);background:var(--surface);border-radius:6px;min-width:0;padding:20px}.units-tool-panel[data-astro-cid-nho2ygro] h2[data-astro-cid-nho2ygro]{margin-top:0}.units-tool-input[data-astro-cid-nho2ygro]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.units-tool-input[data-astro-cid-nho2ygro] input[data-astro-cid-nho2ygro]{width:8em}.units-tool-context[data-astro-cid-nho2ygro]{border:1px solid var(--border);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px 16px;min-width:0;margin:0 0 16px;padding:12px;display:grid}.units-tool-context[data-astro-cid-nho2ygro] legend[data-astro-cid-nho2ygro]{color:var(--muted);padding-inline:4px;font-size:.9rem}.units-tool-field[data-astro-cid-nho2ygro]{align-content:start;gap:4px;font-size:.9rem;display:grid}.units-tool[data-astro-cid-nho2ygro] small[data-astro-cid-nho2ygro]{color:var(--muted);font-size:.8rem;line-height:1.4}.units-tool-error[data-astro-cid-nho2ygro]{color:var(--danger);margin:0 0 12px}.units-tool-results[data-astro-cid-nho2ygro] th[data-astro-cid-nho2ygro]{width:3.5em;font-family:var(--code-font);color:var(--code-property)}.units-tool-results[data-astro-cid-nho2ygro] td[data-astro-cid-nho2ygro] output[data-astro-cid-nho2ygro],.units-tool-results[data-astro-cid-nho2ygro] td[data-astro-cid-nho2ygro] small[data-astro-cid-nho2ygro]{display:block}.units-tool-results[data-astro-cid-nho2ygro] td[data-astro-cid-nho2ygro] small[data-astro-cid-nho2ygro]{margin-top:2px}.units-tool-results[data-astro-cid-nho2ygro] output[data-astro-cid-nho2ygro]{font-family:var(--code-font);overflow-wrap:anywhere}.units-tool-results[data-astro-cid-nho2ygro] td[data-astro-cid-nho2ygro]:last-child{width:40px}.units-tool-note[data-astro-cid-nho2ygro]{color:var(--muted);margin:8px 0 16px;font-size:.85rem}.units-tool-presets[data-astro-cid-nho2ygro]{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.units-tool-presets[data-astro-cid-nho2ygro] small[data-astro-cid-nho2ygro]{color:inherit;opacity:.75;font-family:var(--code-font)}.units-tool-presets[data-astro-cid-nho2ygro] [data-astro-cid-nho2ygro][aria-pressed=true]{border-color:var(--accent);background:var(--selected)}.units-tool-visual[data-astro-cid-nho2ygro]{align-items:center;gap:16px;min-height:48px;display:flex;overflow:hidden}.units-tool-bar[data-astro-cid-nho2ygro]{background:var(--accent);border-radius:3px;flex:none;max-width:calc(100% - 4em);height:12px}.units-tool-letters[data-astro-cid-nho2ygro]{flex:none;font-weight:600;line-height:1}.units-tool-results[data-astro-cid-nho2ygro] .units-tool-formula[data-astro-cid-nho2ygro]{font-family:var(--code-font);overflow-wrap:anywhere}.units-tool-panel[data-astro-cid-nho2ygro]{container-type:inline-size}.units-tool-panel[data-astro-cid-nho2ygro] .units-tool-help{margin-bottom:20px}.units-tool-results[data-astro-cid-nho2ygro]{align-items:start;gap:12px 24px;display:grid}.units-tool-results[data-astro-cid-nho2ygro] .ui-table{width:100%;margin:0}.units-tool-panel[data-astro-cid-nho2ygro].is-expanded>.units-tool-columns[data-astro-cid-nho2ygro]{align-items:start;max-width:1600px;margin-inline:auto}.units-tool-panel[data-astro-cid-nho2ygro].is-expanded>.units-tool-help,.units-tool-panel[data-astro-cid-nho2ygro].is-expanded>.units-tool-css[data-astro-cid-nho2ygro],.units-tool-panel[data-astro-cid-nho2ygro].is-expanded>.units-tool-css-options[data-astro-cid-nho2ygro],.units-tool-panel[data-astro-cid-nho2ygro].is-expanded>[data-astro-cid-nho2ygro][data-output=css-summary]{max-width:1600px;margin-inline:auto}@container (width>=1100px){[data-astro-cid-nho2ygro][data-converter-panel].is-expanded>.units-tool-columns[data-astro-cid-nho2ygro]{grid-template-columns:360px minmax(0,1fr);gap:32px}.is-expanded[data-astro-cid-nho2ygro] .units-tool-context[data-astro-cid-nho2ygro],.is-expanded[data-astro-cid-nho2ygro] .units-tool-results[data-astro-cid-nho2ygro]{grid-template-columns:repeat(2,minmax(0,1fr))}.is-expanded[data-astro-cid-nho2ygro] .units-tool-results[data-astro-cid-nho2ygro] .units-tool-result-group:last-child{grid-area:1/2/span 3}}.units-tool-columns[data-astro-cid-nho2ygro],.units-tool-css[data-astro-cid-nho2ygro]{gap:16px 24px;display:grid}@container (width>=640px){.units-tool-columns[data-astro-cid-nho2ygro],.units-tool-css[data-astro-cid-nho2ygro]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.units-tool-setup[data-astro-cid-nho2ygro],.units-tool-output[data-astro-cid-nho2ygro],.units-tool-css[data-astro-cid-nho2ygro]>[data-astro-cid-nho2ygro]{min-width:0}.units-tool-input[data-astro-cid-nho2ygro] .units-tool-hint[data-astro-cid-nho2ygro]{flex-basis:100%}.units-tool-results[data-astro-cid-nho2ygro] .units-tool-group[data-astro-cid-nho2ygro] th[data-astro-cid-nho2ygro]{letter-spacing:.05em;text-transform:uppercase;width:auto;color:var(--muted);padding-top:14px;font-family:inherit;font-size:.75rem;font-weight:600}.units-tool-css-options[data-astro-cid-nho2ygro]{flex-wrap:wrap;align-items:end;gap:12px 24px;margin-bottom:16px;display:flex}.units-tool-css-options[data-astro-cid-nho2ygro] .units-tool-field[data-astro-cid-nho2ygro]{max-width:260px}.units-tool-check[data-astro-cid-nho2ygro]{align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.units-tool-css[data-astro-cid-nho2ygro] .ui-code-result{margin:0}.units-tool-css[data-astro-cid-nho2ygro] .ui-code-result__header{box-sizing:border-box;flex-wrap:nowrap;height:61px;padding-block:0}.units-tool-css[data-astro-cid-nho2ygro] .ui-code-result__code{white-space:pre;overflow-wrap:normal;line-height:1.6;overflow-x:auto}.units-tool-css-source[data-astro-cid-nho2ygro] .units-tool-editor[data-astro-cid-nho2ygro]{border:0;border-radius:0 0 8px 8px}.units-tool-css-source[data-astro-cid-nho2ygro] .units-tool-editor[data-astro-cid-nho2ygro] .cm-editor{border-radius:0 0 8px 8px}.units-tool-css-source[data-astro-cid-nho2ygro] .cm-content{padding:16px 0}.units-tool-css-source[data-astro-cid-nho2ygro] .cm-line{padding:0 16px}.units-tool-editor[data-astro-cid-nho2ygro] .cm-editor{border-radius:6px;max-height:420px}.units-tool-editor[data-astro-cid-nho2ygro] pre[data-astro-cid-nho2ygro]{font:14px/1.6 var(--code-font);margin:0;padding:16px;overflow:auto}.units-tool-heading[data-astro-cid-nho2ygro]{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.units-tool-heading[data-astro-cid-nho2ygro] h2[data-astro-cid-nho2ygro]{margin-top:0}.units-tool[data-astro-cid-nho2ygro][data-compact=true] .units-tool-heading[data-astro-cid-nho2ygro]{justify-content:flex-end;margin-bottom:-8px}.units-tool-panel[data-astro-cid-nho2ygro].is-expanded{border-radius:0;padding:16px}.units-tool-panel[data-astro-cid-nho2ygro].is-expanded .units-tool-heading[data-astro-cid-nho2ygro] h2[data-astro-cid-nho2ygro]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.units-tool-panel[data-astro-cid-nho2ygro].is-expanded .units-tool-heading[data-astro-cid-nho2ygro]{justify-content:flex-end}.units-tool-panel[data-astro-cid-nho2ygro].is-expanded .units-tool-editor[data-astro-cid-nho2ygro] .cm-editor{min-height:60vh;max-height:none}[data-astro-cid-nho2ygro][hidden]{display:none!important}.forms-validity[data-astro-cid-ranmiycm]{margin:8px 0 0;padding:0;list-style:none}.forms-validity[data-astro-cid-ranmiycm] li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:8px 0;font-size:13px;line-height:1.4;display:grid}.forms-validity[data-astro-cid-ranmiycm] code{overflow-wrap:anywhere}.forms-validity[data-astro-cid-ranmiycm] .forms-validity-description{color:var(--muted);grid-column:1/-1}.forms-validity[data-astro-cid-ranmiycm] .forms-validity-value{color:var(--callout-tip);white-space:nowrap}.forms-validity[data-astro-cid-ranmiycm] [data-failed=true] .forms-validity-value{color:var(--danger)}.forms-workbench[data-astro-cid-ranmiycm],.forms-preview[data-astro-cid-ranmiycm],.forms-editor[data-astro-cid-ranmiycm]{min-width:0}.forms-columns[data-astro-cid-ranmiycm]{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);align-items:start;gap:20px;display:grid}.forms-toolbar[data-astro-cid-ranmiycm]{justify-content:flex-end;margin-block:12px}.forms-presets[data-astro-cid-ranmiycm]{margin-block:12px}.forms-settings[data-astro-cid-ranmiycm],.forms-editor[data-astro-cid-ranmiycm]{gap:12px;min-width:0;display:grid}.forms-field-actions[data-astro-cid-ranmiycm]{margin-top:12px}iframe[data-astro-cid-ranmiycm]{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;height:440px;display:block}.forms-compact[data-astro-cid-ranmiycm] iframe[data-astro-cid-ranmiycm]{height:280px}.forms-code[data-astro-cid-ranmiycm]{gap:16px;min-width:0;display:grid}.forms-code[data-astro-cid-ranmiycm] pre{max-height:340px}@media (width<=800px){.forms-columns[data-astro-cid-ranmiycm]{grid-template-columns:minmax(0,1fr)}}.selector-trainer[data-astro-cid-2ja3j5k5]{margin-block:24px 40px}.st-bar[data-astro-cid-2ja3j5k5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.st-nav[data-astro-cid-2ja3j5k5]{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:14px;display:flex}.st-title[data-astro-cid-2ja3j5k5]{margin:20px 0 6px}.st-task[data-astro-cid-2ja3j5k5]{margin:0}.st-links[data-astro-cid-2ja3j5k5]{color:var(--muted);margin:6px 0 0;font-size:14px}.st-links[data-astro-cid-2ja3j5k5]:empty{display:none}.st-input[data-astro-cid-2ja3j5k5]{gap:8px;margin-top:16px;display:flex}.st-input[data-astro-cid-2ja3j5k5] .ui-field{flex:1;min-width:0}.st-input[data-astro-cid-2ja3j5k5] input{background:var(--code-bg);min-width:0;color:var(--code-text);font-family:var(--code-font);flex:1;font-size:16px}.st-status[data-astro-cid-2ja3j5k5]{min-height:1.5em;margin:10px 0 0;font-size:15px}.st-status[data-astro-cid-2ja3j5k5][data-state=ok]{color:var(--callout-tip);font-weight:600}.st-status[data-astro-cid-2ja3j5k5][data-state=error]{color:var(--danger)}.st-status[data-astro-cid-2ja3j5k5][data-state=progress]{color:var(--warning)}.st-note[data-astro-cid-2ja3j5k5]{background:var(--warning-bg);border-radius:8px;margin:6px 0 0;padding:8px 12px;font-size:14px}.selector-trainer[data-astro-cid-2ja3j5k5] .st-next[data-astro-cid-2ja3j5k5]{border-color:var(--callout-tip);background:var(--callout-tip-bg);margin-top:10px;font-weight:600}.st-help[data-astro-cid-2ja3j5k5]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:12px 16px;margin-top:12px;font-size:14px;display:grid}.st-panes[data-astro-cid-2ja3j5k5]{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin-top:20px;display:grid}.st-panes[data-astro-cid-2ja3j5k5] figure[data-astro-cid-2ja3j5k5]{border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.st-panes[data-astro-cid-2ja3j5k5] figcaption[data-astro-cid-2ja3j5k5]{border-bottom:1px solid var(--border);background:var(--surface);color:var(--muted);padding:6px 12px;font-size:13px}.st-panes[data-astro-cid-2ja3j5k5] iframe[data-astro-cid-2ja3j5k5]{background:#fff;border:0;flex:1;width:100%;min-height:280px}.st-tree[data-astro-cid-2ja3j5k5]{background:var(--code-bg);min-height:280px;color:var(--code-text);font-family:var(--code-font);flex:1;padding:8px 0;font-size:13px;line-height:1.7;overflow:auto}.st-tree[data-astro-cid-2ja3j5k5] .st-row{padding-inline:8px 12px;white-space:pre;padding-inline-start:calc(8px + var(--depth) * 16px);display:block}.st-tree[data-astro-cid-2ja3j5k5] .st-mark{text-align:center;width:18px;font-weight:700;display:inline-block}.st-tree[data-astro-cid-2ja3j5k5] .st-row[data-st=match]{background:var(--callout-tip-bg)}.st-tree[data-astro-cid-2ja3j5k5] .st-row[data-st=match] .st-mark:before{content:"✓";color:var(--callout-tip)}.st-tree[data-astro-cid-2ja3j5k5] .st-row[data-st=extra]{background:var(--danger-bg)}.st-tree[data-astro-cid-2ja3j5k5] .st-row[data-st=extra] .st-mark:before{content:"✕";color:var(--danger)}.st-tree[data-astro-cid-2ja3j5k5] .st-row[data-st=miss]{background:var(--warning-bg)}.st-tree[data-astro-cid-2ja3j5k5] .st-row[data-st=miss] .st-mark:before{content:"○";color:var(--warning)}.st-tree[data-astro-cid-2ja3j5k5] .st-p{color:var(--code-muted)}.st-tree[data-astro-cid-2ja3j5k5] .st-t{color:var(--code-tag)}.st-tree[data-astro-cid-2ja3j5k5] .st-an{color:var(--code-property)}.st-tree[data-astro-cid-2ja3j5k5] .st-av{color:var(--code-string)}.st-tree[data-astro-cid-2ja3j5k5] .st-tx{color:var(--code-text)}.st-legend[data-astro-cid-2ja3j5k5]{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 18px;margin:10px 0 0;font-size:13px;display:flex}.selector-trainer[data-astro-cid-2ja3j5k5] .st-reset-progress[data-astro-cid-2ja3j5k5]{margin-left:8px}.selector-trainer[data-astro-cid-2ja3j5k5] .st-reset-progress[data-astro-cid-2ja3j5k5]:hover:not(:disabled){border-color:var(--danger)}.st-app[data-astro-cid-2ja3j5k5].is-expanded{z-index:100;overscroll-behavior:contain;background:var(--page);padding:16px max(16px,50vw - 800px);position:fixed;inset:0;overflow:auto}.st-app[data-astro-cid-2ja3j5k5].is-expanded .st-title[data-astro-cid-2ja3j5k5]{margin-top:12px}.st-app[data-astro-cid-2ja3j5k5].is-expanded .st-panes[data-astro-cid-2ja3j5k5] iframe[data-astro-cid-2ja3j5k5],.st-app[data-astro-cid-2ja3j5k5].is-expanded .st-tree[data-astro-cid-2ja3j5k5]{min-height:max(280px,100dvh - 420px)}html.selector-trainer-open{overflow:hidden}.st-fallback[data-astro-cid-2ja3j5k5]>li[data-astro-cid-2ja3j5k5]+li[data-astro-cid-2ja3j5k5]{margin-top:24px}@media (width<=560px){.st-input[data-astro-cid-2ja3j5k5]{flex-wrap:wrap}.st-input[data-astro-cid-2ja3j5k5] input[data-astro-cid-2ja3j5k5]{flex-basis:100%}.st-select[data-astro-cid-2ja3j5k5],.st-select[data-astro-cid-2ja3j5k5] select[data-astro-cid-2ja3j5k5]{width:100%}}.css-priority-tool{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;margin-block:24px;padding:20px}.css-priority-tool h2{margin-top:0}.css-priority-tool label{margin-block:12px 6px;display:block}.css-priority-tool textarea{font-family:var(--code-font);resize:vertical}@media (width<=560px){.priority-task-select{width:100%}}.priority-task-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.priority-task-select{flex:280px;min-width:0}.css-priority-tool :focus-visible:not(.ui-button):not(select){outline:2px solid var(--accent);outline-offset:3px}.priority-actions{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.specificity-tool .priority-actions button{background:var(--surface);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.specificity-tool .priority-actions button[type=submit]{border-color:var(--accent);background:var(--selected);color:var(--accent)}.specificity-tool .priority-actions button:hover{border-color:var(--accent);background:var(--hover)}.priority-presets{flex-wrap:wrap;align-items:center;gap:8px;margin-block:16px;font-size:.9rem;display:flex}.priority-presets>span{color:var(--muted)}.priority-presets button{background:var(--surface);border-radius:999px;padding:6px 12px;font-size:13px}.priority-presets button:hover{border-color:var(--accent);background:var(--hover)}.css-priority-tool code,.css-priority-tool h3{overflow-wrap:anywhere;white-space:pre-wrap}.css-priority-tool pre{white-space:pre-wrap;overflow-wrap:anywhere}.css-priority-tool [data-results] section{border-top:1px solid var(--border);padding-block:12px}.css-priority-tool [data-error]:empty{display:none}.css-priority-tool output{font:bold 1.4em var(--code-font)}.css-priority-tool li{overflow-wrap:anywhere}.priority-answers{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-block:16px;display:grid}.priority-answers button{text-align:left;border:2px solid var(--border);background:var(--page);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;min-height:86px;padding:16px;display:flex}.priority-answers button:hover:not(:disabled):not([data-result]){border-color:var(--accent);background:var(--hover)}.priority-answer-swatch{background:var(--swatch);border:2px solid var(--text);border-radius:50%;flex:none;width:28px;height:28px}.priority-answer-label{gap:3px;display:grid}.priority-answer-label small{color:var(--muted);font-size:13px}.priority-answer-state{flex-basis:100%;font-size:13px;font-weight:600}.priority-answer-state:empty{display:none}.priority-answers button[data-result=correct]{opacity:1;border-color:var(--callout-tip);background:var(--callout-tip-bg)}.priority-answers button[data-result=correct] .priority-answer-state{color:var(--callout-tip)}.priority-answers button[data-result=wrong],.priority-answers button[data-result=wrong]:hover:not(:disabled){border-color:var(--danger);background:var(--danger-bg)}.priority-answers button[data-result=wrong] .priority-answer-state{color:var(--danger)}@media (width<=480px){.priority-answers{grid-template-columns:1fr}}.specificity-parts{flex-wrap:wrap;gap:6px;margin-block:12px;padding:0;list-style:none;display:flex}.specificity-parts li{border:1px solid var(--border);background:var(--page);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0;max-width:100%;padding:4px 10px;display:flex}.specificity-part-weight{color:var(--muted);font:13px var(--code-font)}.specificity-parts small{color:var(--muted);font-size:12px}.specificity-sum{flex-wrap:wrap;gap:4px 20px;margin:0;font-size:13px;display:flex}.specificity-sum div{color:var(--muted);align-items:baseline;gap:6px;display:flex}.specificity-sum dd{color:var(--text);margin:0;font-size:14px;font-weight:600}.specificity-sum [data-deciding] dt,.specificity-sum [data-deciding] dd{color:var(--accent);font-weight:700}.priority-preset-versus{color:var(--muted);margin-inline:6px}.specificity-deciding{font-size:13px;font-weight:400}.position-workbench[data-astro-cid-sqc53rr7],.position-visual[data-astro-cid-sqc53rr7]{min-width:0}.position-actions[data-astro-cid-sqc53rr7]{justify-content:flex-end;margin-block:8px 16px}.position-columns[data-astro-cid-sqc53rr7]{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}iframe[data-astro-cid-sqc53rr7]{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;height:360px;display:block}.position-fields[data-astro-cid-sqc53rr7]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.position-mode[data-astro-cid-sqc53rr7]{grid-column:1/-1;gap:4px;min-width:0;display:grid}.position-edge[data-astro-cid-sqc53rr7]{gap:4px;min-width:0;display:grid}.position-edge[data-astro-cid-sqc53rr7] .ui-text-link,.position-mode[data-astro-cid-sqc53rr7] .ui-text-link{font-size:13px}.position-scroll-actions[data-astro-cid-sqc53rr7]{margin-top:12px}.position-code[data-astro-cid-sqc53rr7]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.position-code[data-astro-cid-sqc53rr7] pre{max-height:320px}@media (width<=760px){.position-columns[data-astro-cid-sqc53rr7]{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){.position-fields[data-astro-cid-sqc53rr7]{grid-template-columns:minmax(0,1fr)}}.stacking-workbench[data-astro-cid-3wlw6mhk],.stacking-visual[data-astro-cid-3wlw6mhk]{min-width:0}.stacking-actions[data-astro-cid-3wlw6mhk]{justify-content:flex-end;margin-block:8px 16px}.stacking-columns[data-astro-cid-3wlw6mhk]{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);align-items:start;gap:20px;display:grid}iframe[data-astro-cid-3wlw6mhk]{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;height:330px;display:block}.stacking-fields[data-astro-cid-3wlw6mhk],.stacking-trigger[data-astro-cid-3wlw6mhk]{gap:12px;min-width:0;display:grid}[data-astro-cid-3wlw6mhk][data-stacking-tree] ul{margin-block:8px;padding-left:20px;list-style:none}[data-astro-cid-3wlw6mhk][data-stacking-tree] li{margin-block:8px}.stacking-tree-card[data-astro-cid-3wlw6mhk]{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:16px;padding:16px}.stacking-tree-title[data-astro-cid-3wlw6mhk]{margin:0;font-size:16px}.stacking-tree-hint[data-astro-cid-3wlw6mhk]{color:var(--muted);margin:6px 0 16px;font-size:14px}[data-astro-cid-3wlw6mhk][data-stacking-tree]>ul{padding-left:0}[data-astro-cid-3wlw6mhk][data-stacking-tree] ul ul{border-left:1px solid var(--border);margin-left:12px}[data-astro-cid-3wlw6mhk][data-stacking-tree] ul ul>li{position:relative}[data-astro-cid-3wlw6mhk][data-stacking-tree] ul ul>li:before{content:"";border-top:1px solid var(--border);width:16px;position:absolute;top:20px;left:-20px}[data-astro-cid-3wlw6mhk][data-stacking-selection]{background:var(--page);border-inline-start:3px solid var(--accent);border-radius:8px;margin:16px 0 0;padding:12px;font-size:14px}[data-astro-cid-3wlw6mhk][data-stacking-tree] button{white-space:normal;text-align:left;max-width:100%;min-height:40px}[data-astro-cid-3wlw6mhk][data-stacking-tree] [aria-pressed=true]{border-color:var(--accent);background:var(--selected)}.stacking-code[data-astro-cid-3wlw6mhk]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.stacking-code[data-astro-cid-3wlw6mhk] pre{max-height:320px}@media (width<=760px){.stacking-columns[data-astro-cid-3wlw6mhk]{grid-template-columns:minmax(0,1fr)}}.token-layout[data-astro-cid-iaktq6yq]{grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr);gap:20px;margin-top:16px;display:grid}.token-settings[data-astro-cid-iaktq6yq],.token-result[data-astro-cid-iaktq6yq]{min-width:0}.token-settings[data-astro-cid-iaktq6yq]{align-content:start;gap:12px;display:grid}.token-settings[data-astro-cid-iaktq6yq] .ui-field-group{align-content:start;display:grid}.token-settings[data-astro-cid-iaktq6yq] .ui-select,.token-result[data-astro-cid-iaktq6yq] .ui-select{width:100%}iframe[data-astro-cid-iaktq6yq]{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;height:480px;margin-bottom:16px;display:block}@media (width<=760px){.token-layout[data-astro-cid-iaktq6yq]{grid-template-columns:minmax(0,1fr)}}.transition-thumbnail[data-astro-cid-sd4hfxbz]{--thumb-primary:#456bd1;--thumb-accent:#198276;width:100%;height:100%}.transition-thumbnail[data-astro-cid-sd4hfxbz] .primary{fill:var(--thumb-primary)}.transition-thumbnail[data-astro-cid-sd4hfxbz] .accent{fill:var(--thumb-accent)}.transition-thumbnail[data-astro-cid-sd4hfxbz] .ghost,.transition-thumbnail[data-astro-cid-sd4hfxbz] .shade{fill:var(--thumb-primary);opacity:.16}.transition-thumbnail[data-astro-cid-sd4hfxbz] .paper{fill:var(--surface);stroke:var(--border)}.transition-thumbnail[data-astro-cid-sd4hfxbz] .line,.transition-thumbnail[data-astro-cid-sd4hfxbz] .outline,.transition-thumbnail[data-astro-cid-sd4hfxbz] .ghost-line,.transition-thumbnail[data-astro-cid-sd4hfxbz] .accent-line,.transition-thumbnail[data-astro-cid-sd4hfxbz] .paper-line{fill:none;stroke:var(--thumb-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.transition-thumbnail[data-astro-cid-sd4hfxbz] .ghost-line{opacity:.3}.transition-thumbnail[data-astro-cid-sd4hfxbz] .accent-line{stroke:var(--thumb-accent)}.transition-thumbnail[data-astro-cid-sd4hfxbz] .paper-line{stroke:#fff}.transition-thumbnail[data-astro-cid-sd4hfxbz] .shine{fill:#fff;opacity:.45}.transition-thumbnail[data-astro-cid-sd4hfxbz] .blur{filter:blur(3px)}.transition-thumbnail[data-astro-cid-sd4hfxbz] .letter{fill:#fff;text-anchor:middle;font:700 23px system-ui}.transition-hidden-hint[data-astro-cid-3vo2sd3w][hidden]{display:none}.transition-hidden-hint[data-astro-cid-3vo2sd3w]{pointer-events:none;position:absolute;inset-inline:16px}.transition-stage[data-astro-cid-3vo2sd3w]{min-height:320px;position:relative}.transition-box{color:#fff;text-align:center;cursor:pointer;background-color:#3f6fd8;border-radius:8px;width:140px;height:90px;font-size:32px;font-weight:600;line-height:90px;box-shadow:0 4px 8px #18223859}.transition-box[data-astro-cid-3vo2sd3w]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.generator-stage-settings[data-astro-cid-3vo2sd3w] .transition-toggle{margin-left:auto}.generator-stage-settings[data-astro-cid-3vo2sd3w] .transition-toggle+.generator-expand{margin-left:0}.generator-stage-settings[data-astro-cid-3vo2sd3w] .ui-toggle:has(.transition-slow){font-size:14px}.transition-timeline[data-astro-cid-3vo2sd3w]{gap:6px;font-size:14px;display:grid}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-track-row{grid-template-columns:minmax(0,9em) minmax(0,1fr);align-items:center;gap:12px;display:grid}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-track-label{font-family:var(--code-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-track{background:color-mix(in srgb, var(--border) 45%, transparent);border-radius:6px;height:28px;position:relative}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-bar{background:color-mix(in srgb, var(--accent) 22%, var(--surface));border:1px solid var(--accent);border-radius:4px;min-width:2px;position:absolute;top:3px;bottom:3px}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-bar svg{width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px;overflow:visible}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-bar path{fill:none;stroke:var(--accent);stroke-width:1.5px;vector-effect:non-scaling-stroke}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-axis{color:var(--muted);font-family:var(--code-font);justify-content:space-between;margin-left:calc(9em + 12px);font-size:12px;display:flex}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-axis-title{color:var(--muted);font-size:13px}.transition-timeline[data-astro-cid-3vo2sd3w] .transition-playhead{pointer-events:none;background:#e0446a;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.transition-paste[data-astro-cid-3vo2sd3w]{flex-wrap:wrap;align-items:end;gap:8px 12px;display:flex}.transition-paste[data-astro-cid-3vo2sd3w] .ui-field{flex:280px}.transition-paste[data-astro-cid-3vo2sd3w] .ui-field__hint[data-astro-cid-3vo2sd3w],.transition-paste[data-astro-cid-3vo2sd3w] .ui-status[data-astro-cid-3vo2sd3w]{flex-basis:100%}[data-astro-cid-3vo2sd3w][data-transition-looks] .generator-fields,[data-astro-cid-3vo2sd3w][data-transition-items] .transition-item,[data-astro-cid-3vo2sd3w][data-transition-back-items] .transition-item{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));align-items:end;gap:12px 16px;width:100%;display:grid}.transition-item{border-top:1px solid var(--border);padding-block:12px}.transition-item:first-of-type{border-top:0}.transition-item [hidden]{display:none}.transition-item-actions{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}[data-astro-cid-3vo2sd3w][data-transition-looks] [data-changed]>label,[data-astro-cid-3vo2sd3w][data-transition-looks] label[data-changed]>span{color:var(--accent);font-weight:600}.transition-output[data-astro-cid-3vo2sd3w]{margin-bottom:12px}.transition-notes[data-astro-cid-3vo2sd3w]{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.transition-notes[data-astro-cid-3vo2sd3w] li{border-left:3px solid var(--border);background:var(--surface);border-radius:4px;padding:8px 12px}.transition-notes[data-astro-cid-3vo2sd3w] li[data-level=warning]{border-left-color:#d97706}.text-shadow-lesson__sample[data-astro-cid-p7arujm3]{color:#fff;overflow-wrap:anywhere;background:#392313;padding:2rem 1rem;font-size:1.5rem}.text-shadow-lesson__controls[data-astro-cid-p7arujm3]{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin-block:16px;display:grid}.text-shadow-lesson__controls[data-astro-cid-p7arujm3]>[data-astro-cid-p7arujm3]{min-width:0}.text-preview-heading[data-astro-cid-qxapmu4m]{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.text-preview-heading[data-astro-cid-qxapmu4m] h2[data-astro-cid-qxapmu4m]{margin:0}.text-stage[data-astro-cid-qxapmu4m]{padding:32px 24px}.text-sample[data-astro-cid-qxapmu4m]{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;line-height:1.15}.text-preset-sample[data-astro-cid-qxapmu4m]{font-size:72px;line-height:1;transform:scale(.45)}.generator-preset-stage[data-astro-cid-qxapmu4m]{overflow:hidden}.generator-stage-settings[data-astro-cid-qxapmu4m] #text-shadow-text{width:min(220px,100%)}.box-shadow-lesson__stage[data-astro-cid-er7fna5k]{box-sizing:border-box;place-items:center;min-height:210px;padding:40px;display:grid;overflow:hidden}.box-shadow-lesson__sample[data-astro-cid-er7fna5k]{box-sizing:border-box;color:#2b211b;text-align:center;background:#fffaf3;border-radius:12px;place-items:center;width:140px;height:90px;padding:1rem;display:grid}.box-shadow-lesson__controls[data-astro-cid-er7fna5k]{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;margin-block:16px;display:grid}.box-shadow-lesson__controls[data-astro-cid-er7fna5k]>[data-astro-cid-er7fna5k]{min-width:0}.shadow-card[data-astro-cid-haaroenr]{aspect-ratio:4/3;color:#182238;place-items:center;width:min(220px,70%);font-size:32px;display:grid}.shadow-preset-card[data-astro-cid-haaroenr]{flex:none;width:72px;height:56px;transform:scale(.5)}.gradient-caption__photo[data-astro-cid-nfumw7or]{border-radius:12px;max-width:420px;margin-block:1rem;position:relative;overflow:hidden}.gradient-caption__photo[data-astro-cid-nfumw7or] img[data-astro-cid-nfumw7or]{object-fit:cover;width:100%;height:240px;display:block}.gradient-caption__sample[data-astro-cid-nfumw7or]{color:#fff;text-shadow:0 1px 3px #000;margin:0;padding:2.5rem .75rem .75rem;position:absolute;inset:auto 0 0}.gradient-caption__controls[data-astro-cid-nfumw7or]{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-block:16px;display:grid}.gradient-caption__controls[data-astro-cid-nfumw7or]>[data-astro-cid-nfumw7or]{min-width:0}.radial-spotlight__sample[data-astro-cid-lcr3apxj]{color:#392313;background-color:#fff4e8;border-radius:12px;min-height:150px;margin-block:1rem;padding:2rem}.radial-spotlight__sample[data-astro-cid-lcr3apxj] strong[data-astro-cid-lcr3apxj]{font-size:1.4rem}.radial-spotlight__controls[data-astro-cid-lcr3apxj]{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-block:16px;display:grid}.radial-spotlight__controls[data-astro-cid-lcr3apxj]>[data-astro-cid-lcr3apxj]{min-width:0}.gradient-import[data-astro-cid-cg3akr5o]{margin-bottom:24px}.gradient-import__apply[data-astro-cid-cg3akr5o]{margin-top:12px}.generator-preset-stage[data-astro-cid-7c3dsgqf]{position:relative}.gradient-fill[data-astro-cid-7c3dsgqf]{position:absolute;inset:0}.gradient-text-sample[data-astro-cid-7c3dsgqf]{color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;place-items:center;font-size:48px;font-weight:800;display:grid}.gradient-tool[data-astro-cid-libyi3bf] .gradient-application-mode{flex-basis:100%;align-items:center;gap:12px}.gradient-tool[data-astro-cid-libyi3bf] .gradient-application-mode p{flex:240px;margin:0}.gradient-tool[data-astro-cid-libyi3bf] [data-astro-cid-libyi3bf][data-text-effects] .ui-field-group{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gradient-tool[data-astro-cid-libyi3bf] [data-astro-cid-libyi3bf][data-text-effects] .ui-field-group>*{min-width:0}@media (width<=700px){.gradient-tool[data-astro-cid-libyi3bf] [data-astro-cid-libyi3bf][data-text-effects] .ui-field-group{grid-template-columns:minmax(0,1fr)}}.gradient-tool[data-astro-cid-libyi3bf] .gradient-text-fields{align-items:start}@supports not (background-clip:text){.gradient-stage[data-astro-cid-libyi3bf] .gradient-text[data-astro-cid-libyi3bf]{color:var(--gradient-text-fallback,#182238)!important;-webkit-text-fill-color:currentColor!important;background:0 0!important}}.gradient-stage[data-astro-cid-libyi3bf]{padding:0}.gradient-stage[data-astro-cid-libyi3bf] .gradient-fill[data-astro-cid-libyi3bf]{width:100%;height:100%;min-height:300px}.generator-preset-stage[data-astro-cid-libyi3bf]{position:relative}.pattern-gallery[data-astro-cid-libyi3bf]{gap:16px;display:grid}.generator-preset-stage[data-astro-cid-libyi3bf] .gradient-fill[data-astro-cid-libyi3bf]{position:absolute;inset:0}.generator-tool.is-expanded .gradient-stage[data-astro-cid-libyi3bf] .gradient-fill[data-astro-cid-libyi3bf]{min-height:min(60vh,520px)}.gradient-text-stage[data-astro-cid-libyi3bf]{min-height:300px;padding:24px}.gradient-stage[data-astro-cid-libyi3bf] .gradient-text[data-astro-cid-libyi3bf]{width:auto;max-width:100%;height:auto;min-height:0}.generator-tool.is-expanded .gradient-stage[data-astro-cid-libyi3bf] .gradient-text[data-astro-cid-libyi3bf]{min-height:0}.generator-preset-stage[data-astro-cid-libyi3bf] .gradient-text-sample[data-astro-cid-libyi3bf]{color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;place-items:center;font-size:48px;font-weight:800;display:grid}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stops{flex-basis:100%;margin-block:8px 4px;padding:34px 12px 0;position:relative}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stops__track{border:1px solid var(--border);background:repeating-conic-gradient(#d9dde5 0 25%, #fff 0 50%) 0 0 / 14px 14px;cursor:copy;border-radius:6px;height:28px;overflow:hidden}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stops__fill{height:100%}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stop{top:0;left:calc(12px + (100% - 24px) * var(--pos) / 100);border:2px solid var(--surface);background:var(--stop-color);width:22px;height:30px;box-shadow:0 0 0 1px var(--border), 0 2px 4px #0003;cursor:grab;touch-action:none;border-radius:6px;margin-left:-11px;padding:0;position:absolute}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stop:after{content:"";background:var(--text);width:2px;height:7px;margin-left:-1px;position:absolute;bottom:-7px;left:50%}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stop[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent), 0 2px 6px #0000004d;z-index:1}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stop[data-dragging]{cursor:grabbing}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stops__hint{color:var(--muted);flex-basis:100%;margin:0;font-size:13px}.gradient-tool[data-astro-cid-libyi3bf] .gradient-space-note{color:var(--muted);align-self:center;margin:0;font-size:13px}.gradient-tool[data-astro-cid-libyi3bf] .generator-fields>.ui-button{justify-self:start}.gradient-tool[data-astro-cid-libyi3bf] .gradient-subgroup{flex-basis:100%;gap:12px;display:grid}.gradient-tool[data-astro-cid-libyi3bf] .gradient-subgroup+.gradient-subgroup{border-top:1px solid var(--border);margin-top:8px;padding-top:16px}.gradient-tool[data-astro-cid-libyi3bf] .gradient-stop-title{margin:4px 0 0;font-size:14px;font-weight:600}.gradient-tool[data-astro-cid-libyi3bf] .gradient-subgroup>h3{margin:0;font-size:15px}.motion-lesson__stage[data-astro-cid-zn3refx5]{border:1px solid var(--border);background:var(--surface);border-radius:8px;place-items:center;min-height:260px;display:grid;overflow:hidden}.motion-lesson__scene[data-astro-cid-zn3refx5]{perspective:800px;width:140px;height:140px;position:relative}.motion-lesson__scene[data-astro-cid-zn3refx5] img[data-astro-cid-zn3refx5]{object-fit:cover;box-sizing:border-box;border:6px solid #fff;width:140px;height:140px;display:block;transform:rotate(-6deg)}.motion-lesson__ghost[data-astro-cid-zn3refx5]{border:2px dashed var(--muted);position:absolute;inset:0}.motion-lesson__origin[data-astro-cid-zn3refx5]{background:#b22337;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.motion-lesson__greeting[data-astro-cid-zn3refx5]{padding:1rem;font-size:1.25rem;font-weight:700}.motion-lesson__controls[data-astro-cid-zn3refx5]{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin-block:16px;display:grid}.motion-lesson__controls[data-astro-cid-zn3refx5]>[data-astro-cid-zn3refx5]{min-width:0}.motion-lesson[data-astro-cid-zn3refx5][data-motion-lesson=animation] .motion-lesson__controls[data-astro-cid-zn3refx5]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}@media (width<=540px){.motion-lesson[data-astro-cid-zn3refx5][data-motion-lesson=animation] .motion-lesson__controls[data-astro-cid-zn3refx5]{grid-template-columns:minmax(0,1fr)}}.generator-stage-settings[data-astro-cid-jtsrlwtf] .ui-toggle:has(.transform-steps){font-size:14px}.generator-stage-settings[data-astro-cid-jtsrlwtf] .transform-play{min-width:13.5em;margin-left:auto}.generator-stage-settings[data-astro-cid-jtsrlwtf] .transform-play+.generator-expand{margin-left:0}.transform-stage[data-astro-cid-jtsrlwtf]{min-height:380px}.transform-scene[data-astro-cid-jtsrlwtf]{width:140px;height:90px;position:relative}.transform-ghost[data-astro-cid-jtsrlwtf],.transform-box[data-astro-cid-jtsrlwtf],[data-astro-cid-jtsrlwtf][data-transform-ghosts] .transform-ghost{border-radius:6px;position:absolute;inset:0}.transform-ghost[data-astro-cid-jtsrlwtf],[data-astro-cid-jtsrlwtf][data-transform-ghosts] .transform-ghost{border:2px dashed color-mix(in srgb, var(--stage-text) 45%, transparent)}.transform-box[data-astro-cid-jtsrlwtf]{color:#fff;background:#3f6fd8;place-items:center;font-size:32px;font-weight:600;display:grid;box-shadow:0 4px 12px #18223840}.transform-badge[data-astro-cid-jtsrlwtf],[data-astro-cid-jtsrlwtf][data-transform-scene] .transform-badge{background:var(--stage-text);min-width:18px;color:var(--stage-bg);text-align:center;border-radius:9px;padding:0 4px;font-size:12px;font-weight:600;line-height:18px;position:absolute;top:4px;left:4px}.transform-box[data-astro-cid-jtsrlwtf] .transform-badge{color:#3f6fd8;background:#fff}.transform-box[data-astro-cid-jtsrlwtf]{cursor:grab;touch-action:none}.transform-box[data-astro-cid-jtsrlwtf]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.transform-box[data-astro-cid-jtsrlwtf][data-dragging]{cursor:grabbing}.transform-scene[data-astro-cid-jtsrlwtf][data-object=cube],.transform-thumb[data-astro-cid-jtsrlwtf][data-object=cube]{width:90px;margin-left:-45px}.transform-scene[data-astro-cid-jtsrlwtf][data-object=cube]{margin-left:0}[data-astro-cid-jtsrlwtf][data-transform-scene] .transform-axes{pointer-events:none;width:70px;height:70px;margin:-6px 0 0 -6px;position:absolute;overflow:visible}[data-astro-cid-jtsrlwtf][data-transform-ghosts] .transform-axes{opacity:.55}[data-astro-cid-jtsrlwtf][data-axes=off] .transform-axes{display:none}.transform-paste[data-astro-cid-jtsrlwtf]{flex-wrap:wrap;align-items:end;gap:8px 12px;margin-bottom:16px;display:flex}.transform-paste[data-astro-cid-jtsrlwtf] .ui-field{flex:280px}.transform-paste[data-astro-cid-jtsrlwtf] .ui-field__hint[data-astro-cid-jtsrlwtf],.transform-paste[data-astro-cid-jtsrlwtf] .ui-status[data-astro-cid-jtsrlwtf]{flex-basis:100%}.transform-output[data-astro-cid-jtsrlwtf]{gap:8px;margin-bottom:12px;display:grid}[data-astro-cid-jtsrlwtf][data-transform-matrix] dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;font-size:14px;display:grid}[data-astro-cid-jtsrlwtf][data-transform-matrix] dt{font-family:var(--code-font)}[data-astro-cid-jtsrlwtf][data-transform-matrix] dd{margin:0}[data-astro-cid-jtsrlwtf][data-transform-matrix] pre{font-family:var(--code-font);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;overflow-x:auto}.transform-origin-dot[data-astro-cid-jtsrlwtf]{border:2px solid var(--stage-bg);pointer-events:none;background:#e0446a;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}[data-astro-cid-jtsrlwtf][data-steps=off] [data-astro-cid-jtsrlwtf][data-transform-ghosts]{display:none}.transform-preset-stage[data-astro-cid-jtsrlwtf]{position:relative;overflow:hidden}.transform-thumb[data-astro-cid-jtsrlwtf]{width:140px;height:90px;margin:-45px 0 0 -70px;position:absolute;top:50%;left:50%;scale:.25}.transform-thumb__ghost[data-astro-cid-jtsrlwtf],.transform-thumb__box[data-astro-cid-jtsrlwtf]{border-radius:6px;position:absolute;inset:0}.transform-thumb__ghost[data-astro-cid-jtsrlwtf]{border:4px dashed color-mix(in srgb, var(--stage-text) 40%, transparent)}.transform-thumb__box[data-astro-cid-jtsrlwtf] .transform-face{font-size:40px}.transform-thumb__box[data-astro-cid-jtsrlwtf]{color:#fff;background:#3f6fd8;place-items:center;font-size:40px;font-weight:600;display:grid}[data-astro-cid-coypr5w6][data-animation-tool] .animation-easing-row{align-items:center;gap:8px;display:flex}[data-astro-cid-coypr5w6][data-animation-tool] .animation-easing-row .ui-select{flex:1;min-width:0}[data-astro-cid-coypr5w6][data-animation-tool] .animation-bezier-thumb{flex:none}[data-astro-cid-coypr5w6][data-animation-tool] .animation-bezier-thumb svg{width:22px;height:22px;overflow:visible}[data-astro-cid-coypr5w6][data-animation-tool] .animation-bezier-thumb path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round}[data-astro-cid-coypr5w6][data-animation-frame-controls] .ui-field-group.animation-property{flex-wrap:wrap;display:flex}[data-astro-cid-coypr5w6][data-animation-frame-controls] .animation-transform-note{border-left:3px solid var(--border);flex-basis:100%;margin:0;padding:8px 12px;font-size:14px}[data-astro-cid-coypr5w6][data-animation-frame-controls] [data-animation-transform-note=matrix]{border-left-color:var(--warning);background:var(--warning-bg)}[data-astro-cid-coypr5w6][data-animation-frame-controls] .animation-transform>.ui-toolbar{flex-basis:100%;align-items:center;font-size:14px}[data-astro-cid-coypr5w6][data-animation-frame-controls] .animation-transform>.ui-toggle{flex-basis:100%;font-size:14px}[data-astro-cid-coypr5w6][data-animation-frame-controls] .animation-property__row{flex-wrap:wrap;flex:100%;align-items:end;gap:8px 12px;display:flex}[data-astro-cid-coypr5w6][data-animation-frame-controls] .animation-property__row>:first-child{flex:200px;min-width:0}[data-astro-cid-coypr5w6][data-animation-frame-controls] .animation-property__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));display:grid}.animation-preset-params[data-astro-cid-coypr5w6]{margin-top:16px}.animation-scrub[data-astro-cid-coypr5w6]{margin-top:12px}[data-astro-cid-coypr5w6][data-animation-frame-picker] .animation-timeline{flex-basis:100%}[data-astro-cid-coypr5w6][data-animation-frame-picker] .animation-timeline__track{background:linear-gradient(var(--border), var(--border)) center / 100% 2px no-repeat;cursor:copy;border-radius:6px;height:32px;margin:8px 12px 4px;position:relative}[data-astro-cid-coypr5w6][data-animation-frame-picker] .animation-timeline__marker{top:50%;left:calc(var(--pos) * 1%);border:2px solid var(--surface);background:var(--muted);width:18px;height:18px;box-shadow:0 0 0 1px var(--border);cursor:grab;touch-action:none;border-radius:4px;margin:-9px 0 0 -9px;padding:0;position:absolute;transform:rotate(45deg)}[data-astro-cid-coypr5w6][data-animation-frame-picker] .animation-timeline__marker[aria-pressed=true]{background:var(--accent);box-shadow:0 0 0 2px var(--accent)}[data-astro-cid-coypr5w6][data-animation-frame-picker] .animation-timeline__marker:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.animation-stage[data-astro-cid-coypr5w6]{height:320px;overflow:hidden}.animation-object[data-astro-cid-coypr5w6]{color:#fff;background:#2879ac;border-radius:18px;place-items:center;width:80px;height:80px;font:600 48px/1 Georgia,serif;display:grid;position:relative}[data-astro-cid-coypr5w6][data-animation-controls] .ui-field-group__description,[data-astro-cid-coypr5w6][data-animation-controls] .ui-field__error{grid-column:1/-1}.animation-import[data-astro-cid-coypr5w6]{justify-items:start;gap:8px;margin-top:24px;display:grid}.animation-import[data-astro-cid-coypr5w6] .ui-field{justify-self:stretch}.miniature[data-astro-cid-coypr5w6]{border-radius:7px;width:28px;height:28px;font-size:22px}[data-astro-cid-coypr5w6][data-animation-controls] .ui-field-group,[data-astro-cid-coypr5w6][data-animation-frame-controls] .ui-field-group{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}[data-astro-cid-coypr5w6][data-animation-controls] .ui-field,[data-astro-cid-coypr5w6][data-animation-frame-controls] .ui-field{min-width:0}[data-astro-cid-coypr5w6][data-animation-frame-picker] .animation-frame-tabs{flex-basis:100%}[data-astro-cid-coypr5w6][data-animation-frame-picker] [role=tab][aria-selected=true]{border-color:var(--accent);background:var(--selected)}[data-astro-cid-coypr5w6][data-animation-frame-picker] [role=tab][data-invalid=true]{color:#b42318;background:#fff0ed;border-color:#b42318}[data-astro-cid-coypr5w6][data-animation-frame-picker]{align-items:end;margin-bottom:12px}@media (width<=540px){[data-astro-cid-coypr5w6][data-animation-frame-picker] .ui-field{flex-basis:100%}[data-astro-cid-coypr5w6][data-animation-controls] .ui-field-group,[data-astro-cid-coypr5w6][data-animation-frame-controls] .ui-field-group{grid-template-columns:repeat(2,minmax(0,1fr))}}