@font-face{font-family:Lunchtype24;src:url(/assets/fonts/Lunchtype24-Regular-Expanded.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lunchtype24;src:url(/assets/fonts/Lunchtype24-Medium-Expanded.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Lunchtype25;src:url(/assets/fonts/Lunchtype25-Medium-Condensed.ttf) format("truetype");font-weight:500;font-style:normal}:root{--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:12px;--space-6:16px;--space-7:24px;--space-8:40px;--space-9:120px;--radius-0:0;--radius-sm:2px;--radius-full:9999px;--border-width-1:1px;--font-ui:"Lunchtype22",sans-serif;--font-ui-condensed:"Lunchtype25",sans-serif;--font-heading:"Lunchtype24",sans-serif;--font-display:"Inter",sans-serif;--text-xs:normal 400 10px/16px;--text-sm:normal 400 12px/16px;--text-display:normal 600 32px/48px;--tracking-tight:0.12px;--tracking-normal:0.4px;--tracking-wide:0.64px}:root,[data-theme=light]{--color-bg:#fafaf9;--color-bg-inverse:#2c2721;--color-text:#2c2721;--color-text-muted:#626262;--color-text-inverse:#fafaf9;--color-component-surface:#f1f0ee;--color-component-surface-hover:#edebe9;--color-component-border:#e8e6e3;--color-component-border-active:#cfccc5;--color-accent:#9ed894;--color-accent-hover:#97cf8e;--color-divider:#e8e6e3;--color-canvas-guide:var(--color-divider);--color-overlay-bg:rgba(44,39,33,.5);--shadow-menu:0 2px 8px 0 rgba(44,39,33,.06);--shadow-dialog:0 4px 8px 0 rgba(44,39,33,.12)}[data-theme=blue]{--color-bg:#fbfcff;--color-bg-inverse:#2948f4;--color-text:#2948f4;--color-text-muted:#626262;--color-text-inverse:#fbfcff;--color-component-surface:#edf0ff;--color-component-surface-hover:#dfe4ff;--color-component-border:#dde0f9;--color-component-border-active:#cacff7;--color-accent:#2948f4;--color-accent-hover:#1330d4;--color-divider:#dde0f9;--color-canvas-guide:var(--color-divider);--color-overlay-bg:rgba(41,72,244,.25);--shadow-menu:0 2px 8px 0 rgba(44,39,33,.06);--shadow-dialog:0 4px 8px 0 rgba(44,39,33,.12)}[data-theme=dark]{--color-bg:#0e0e0b;--color-bg-inverse:#f0f0e8;--color-text:#f0f0e8;--color-text-muted:#958a8c;--color-text-inverse:#0e0e0b;--color-component-surface:#2d2a27;--color-component-surface-hover:#272622;--color-component-border:#32302c;--color-component-border-active:#292623;--color-accent:#afcde2;--color-accent-hover:#a2c6de;--color-divider:#32302c;--color-canvas-guide:var(--color-divider);--color-overlay-bg:rgba(14,14,11,.9);--shadow-menu:0 2px 8px 0 rgba(0,0,0,.5);--shadow-dialog:0 4px 8px 0 rgba(0,0,0,.8)}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-header{padding:var(--space-7) 0 var(--space-6)}.ds-header__subtitle{color:var(--color-text-muted);font:normal 500 24px/36px var(--font-heading);letter-spacing:.24px;margin:0 0 var(--space-3)}.ds-header__title{color:var(--color-text);font:normal 500 80px/1.2 var(--font-heading);letter-spacing:.8px;margin:0}.ds-header+.ds-section{border-top:0}.ds-section{border-top:var(--border-width-1) solid var(--color-divider);display:grid;grid-column-gap:var(--space-7);column-gap:var(--space-7);grid-template-columns:80px 1fr;padding:var(--space-8) 0}.ds-section__label{color:var(--color-text-muted);font:var(--text-xs) var(--font-heading);letter-spacing:var(--tracking-normal);margin:0;padding-top:var(--space-1)}.ds-section__content{display:flex;flex-direction:column;gap:var(--space-6)}.demo-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.demo-row--stacked{align-items:flex-start}.demo-row--large-gap{gap:var(--space-7)}.demo-item{display:flex;flex-direction:column;gap:var(--space-6)}.demo-item__label{color:var(--color-text-muted);font:var(--text-xs) var(--font-heading);letter-spacing:var(--tracking-normal);margin:0}.demo-grid{display:flex;flex-direction:column;gap:var(--space-6)}.swatch-row{display:flex;gap:var(--space-4)}.swatch-item{display:flex;flex-direction:column;gap:var(--space-6);width:160px}.swatch{border:var(--border-width-1) solid var(--color-component-border);height:80px;width:100%}.swatch--color-bg{background:var(--color-bg)}.swatch--color-bg-inverse{background:var(--color-bg-inverse)}.swatch--color-text{background:var(--color-text)}.swatch--color-text-muted{background:var(--color-text-muted)}.swatch--color-text-inverse{background:var(--color-text-inverse)}.swatch--color-component-surface{background:var(--color-component-surface)}.swatch--color-component-surface-hover{background:var(--color-component-surface-hover)}.swatch--color-component-border{background:var(--color-component-border)}.swatch--color-component-border-active{background:var(--color-component-border-active)}.swatch--color-divider{background:var(--color-divider)}.swatch--color-accent{background:var(--color-accent)}.swatch--color-accent-hover{background:var(--color-accent-hover)}.swatch__label{color:var(--color-text-muted);font:var(--text-xs) var(--font-heading);letter-spacing:var(--tracking-normal);margin:0}.sample{border:0;margin:0;padding:0 0 var(--space-6) 0}.sample__meta{color:var(--color-text-muted);font:var(--text-xs) var(--font-heading);letter-spacing:var(--tracking-normal);margin:var(--space-1) 0 0}.radius-swatch{border:var(--border-width-1) solid var(--color-component-border);height:64px;width:64px}.space-item{display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-start}.space-block{background:var(--color-component-surface);border:var(--border-width-1) solid var(--color-component-border)}.border-width-sample{background:var(--color-text);height:var(--border-width-1);width:80px}.shadow-swatch{background:var(--color-bg);border:var(--border-width-1) solid var(--color-component-border);height:80px;width:80px}.icon{display:inline-flex;width:16px;height:16px}.icon img,.icon svg{width:100%;height:100%;display:block}.field{align-items:center;background:var(--color-component-surface);border:0;display:inline-flex;font:var(--text-sm) var(--font-ui);gap:var(--space-3);height:24px;letter-spacing:var(--tracking-tight);outline:var(--border-width-1) solid transparent;padding:0 var(--space-3) 0 var(--space-4);transition:background .15s ease-in,outline-color .15s ease-in}.field,.field__value{color:var(--color-text)}.field__value{flex:1 1;min-width:0;text-align:left;width:100%}.field.is-filled .field__value{opacity:1}.field:not(.is-filled) .field__value{opacity:.4}.field--input-ghost{background:transparent}.field input,.field select{background:transparent;border:0;color:inherit;font:inherit;letter-spacing:inherit;outline:none;padding:0;width:100%;flex:1 1;min-width:0}.field input::placeholder{color:var(--color-text-muted)}.field:focus-visible,.field:focus-within{outline-color:var(--color-component-border-active)}.field:hover{background:var(--color-component-surface-hover)}.btn{align-items:center;border:var(--border-width-1) solid var(--color-component-border);transition:background .15s ease-in,border-color .15s ease-in;color:var(--color-text);cursor:pointer;display:inline-flex;font:var(--text-sm) var(--font-ui);gap:var(--space-3);height:24px;letter-spacing:var(--tracking-tight);padding:0 var(--space-3)}.btn,.btn--secondary{background:var(--color-component-surface)}.btn--secondary{justify-content:center;width:100%}.btn--ghost{background:transparent}.btn--ghost,.btn:hover{border-color:transparent}.btn:hover{background:var(--color-component-surface-hover)}.btn:focus-visible{border-color:var(--color-component-border-active);outline:none}.btn--icon-only .btn__label,.btn--label-only .btn__icon{display:none}.btn--icon-only{justify-content:center;min-width:24px;padding:0;width:24px}.btn--icon-right{flex-direction:row-reverse}.btn--ghost.btn--icon-left{padding-right:var(--space-4)}.tooltip-wrap{position:relative}.tooltip{align-items:center;background:var(--color-bg);border:var(--border-width-1) solid var(--color-component-border);box-shadow:var(--shadow-dialog);color:var(--color-text);display:inline-flex;font:var(--text-sm) var(--font-ui);height:24px;letter-spacing:var(--tracking-tight);padding:0 var(--space-3);white-space:nowrap;width:-moz-fit-content;width:fit-content}.tooltip-wrap .tooltip{bottom:calc(100% + var(--space-2));left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease-in .3s}.tooltip-wrap:hover .tooltip{opacity:1}.tooltip-wrap:hover .tooltip--slow{transition-delay:1s}.tooltip-wrap .tooltip--slow{display:none}.tooltip-wrap--disabled .tooltip--slow{display:inline-flex}.toggle{background:var(--color-component-surface);border:0;color:var(--color-text);cursor:pointer;display:inline-block;font:var(--text-sm) var(--font-ui);height:24px;letter-spacing:var(--tracking-tight);padding:0;position:relative;transition:background .15s ease-in;width:80px}.toggle__thumb{background:var(--color-bg);border:var(--border-width-1) solid var(--color-component-border);display:block;height:22px;left:1px;pointer-events:none;position:absolute;top:1px;transition:transform .14s ease-in-out 80ms,border-color .15s ease-in;width:39px}.toggle:hover .toggle__thumb{border-color:var(--color-component-border-active)}.toggle[aria-checked=true] .toggle__thumb{transform:translateX(39px)}.toggle__label{align-items:center;color:var(--color-text);display:inline-flex;height:22px;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:1px;transition:opacity 80ms ease-in;width:39px}.toggle__label--no{left:1px}.toggle__label--yes{left:40px}.toggle[aria-checked=false] .toggle__label--no,.toggle[aria-checked=true] .toggle__label--yes{opacity:1;transition:opacity 80ms ease-out .22s}.toggle:hover{background:var(--color-component-surface-hover)}.toggle:focus-visible{outline:var(--border-width-1) solid var(--color-component-border-active);outline-offset:-1px}@media (prefers-reduced-motion:reduce){.toggle__label,.toggle__thumb{transition:none}}.tabs{display:inline-flex;gap:0;width:190px}.tab{background:transparent;border:0;color:var(--color-text-muted);transition:background .15s ease-in,color .15s ease-in;cursor:pointer;font:var(--text-sm) var(--font-ui);letter-spacing:var(--tracking-tight);padding:var(--space-2) 0;text-align:center;width:95px}.tab[aria-selected=true]{background:var(--color-component-surface);color:var(--color-text)}.tab:hover{background:var(--color-component-surface-hover);color:var(--color-text)}.tab:focus-visible{outline:none}.card{background:var(--color-component-surface);padding:var(--space-4);transition:background .15s ease-in,border-color .15s ease-in,color .15s ease-in}.card,.card--glyph{border:var(--border-width-1) solid var(--color-component-border)}.card--glyph{align-items:center;background:var(--color-bg);color:var(--color-text);display:inline-flex;height:96px;justify-content:center;padding:0;width:96px}.card--glyph .card__text{font:var(--text-display) var(--font-display);letter-spacing:var(--tracking-wide)}.card:hover{background:var(--color-component-surface-hover)}.card:focus-visible{border-color:var(--color-component-border-active);outline:none}.card.is-selected,.card[aria-selected=true]{border-color:var(--color-component-border-active)}.card--glyph.is-selected{border-color:var(--color-text);color:var(--color-text-inverse)}.card--glyph.is-selected,.card--glyph.is-selected:hover{background:var(--color-text)}.card--glyph:focus-visible{border-color:var(--color-component-border-active)}.card--glyph.no-transition{transition:none}.card--glyph.is-edited{position:relative}.card--glyph.is-edited:after{background:var(--color-accent);border-radius:var(--radius-full);content:"";height:var(--space-3);position:absolute;right:var(--space-4);top:var(--space-4);width:var(--space-3)}.card--glyph[aria-selected=true]{border-color:var(--color-component-border-active)}.slider{align-items:center;display:inline-flex;gap:var(--space-3);height:24px;position:relative;width:64px}.slider__track{background:var(--color-divider);height:1px;position:relative;width:100%}.slider__fill{background:var(--color-text);height:100%;transition:width .25s ease-in-out;width:50%}.slider__thumb{background:var(--color-component-surface);border:var(--border-width-1) solid var(--color-text);border-radius:var(--radius-full);transition:border-color .15s ease-in,left .25s ease-in-out;cursor:-webkit-grab;cursor:grab;height:12px;left:calc(50% - 6px);position:absolute;top:calc(50% - 6px);width:12px}.slider__thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.slider:hover .slider__thumb{border-color:var(--color-text)}.slider:focus-visible .slider__thumb{border-color:var(--color-text);outline:none}.slider.is-dragging .slider__fill,.slider.is-dragging .slider__thumb{transition:none}.slider-field{align-items:center;display:flex;gap:var(--space-4)}.slider-field .field{flex-shrink:0;width:44px}.menu{background:var(--color-bg);border:var(--border-width-1) solid var(--color-component-border);box-shadow:var(--shadow-menu);display:flex;flex-direction:column;gap:0;max-width:240px;padding:var(--space-1)}.menu-item{align-items:center;background:transparent;border:0;color:var(--color-text);transition:background .15s ease-in;cursor:pointer;display:flex;font:var(--text-sm) var(--font-ui);gap:var(--space-3);letter-spacing:var(--tracking-tight);padding:var(--space-2) var(--space-3);text-align:left}.menu-item:hover{background:var(--color-component-surface-hover)}.menu-item.no-transition{transition:none}.menu-item:focus-visible{outline:var(--border-width-1) solid var(--color-component-border-active);outline-offset:-1px}.menu-item.is-selected,.menu-item[aria-checked=true]{background:transparent;border:0}.menu-item.is-selected:hover,.menu-item[aria-checked=true]:hover{background:var(--color-component-surface-hover)}.menu-item__icon{visibility:hidden;width:16px;height:16px;transition:visibility .15s ease-in}.menu-item.is-selected .menu-item__icon,.menu-item[aria-checked=true] .menu-item__icon,.menu-item[aria-selected=true] .menu-item__icon{visibility:visible}.select{display:inline-flex;flex-direction:column;gap:var(--space-2);height:24px;overflow:visible;position:relative;width:240px}.select .field{width:100%}.select__menu{display:none;position:absolute;top:calc(24px + var(--space-2));left:0;width:100%;z-index:100}.select.is-open{z-index:1000}.dialog,.select.is-open .select__menu{display:flex}.dialog{background:var(--color-bg);border:var(--border-width-1) solid var(--color-component-border);box-shadow:var(--shadow-dialog);flex-direction:column;gap:var(--space-6);max-width:100%;padding:var(--space-6);width:320px}.dialog__message{color:var(--color-text);font:var(--text-sm) var(--font-ui);letter-spacing:var(--tracking-tight);margin:0}.dialog__actions{display:flex;gap:var(--space-3);justify-content:space-between}.dialog__actions--center{justify-content:center}.dialog__gap{flex-shrink:0;height:var(--space-9);width:100%}.dialog--download-complete{align-items:center;padding-bottom:var(--space-7);text-align:center}.dialog--download-complete .dialog__message{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);text-align:center;width:100%}.dialog__message-line{display:block}.dialog__message-line--muted{color:var(--color-text-muted)}.theme-switching,.theme-switching *{transition:none!important}.app{color:var(--color-text);font:var(--text-sm) var(--font-ui);letter-spacing:var(--tracking-tight)}.app,.app-boot{background:var(--color-bg);min-height:100vh}.app-boot{box-sizing:border-box;width:100%}.page{background:var(--color-bg);color:var(--color-text);contain:layout style;font:var(--text-sm) var(--font-ui);letter-spacing:var(--tracking-tight);padding:var(--space-7) var(--space-7) 400px}.page--home{display:flex;gap:80px;margin:0 auto;max-width:1136px;min-height:100vh;padding:calc(var(--space-8) - var(--space-5)) var(--space-8) var(--space-8);transition:opacity .15s ease-in-out}.page--home.is-leaving,.page--home.is-pending{opacity:0;pointer-events:none}.page--home:not(.is-pending):not(.is-leaving){transition:opacity .16s ease-out}.page--record.is-pending{opacity:0;pointer-events:none}.page--record:not(.is-pending){transition:opacity .16s ease-out}.sidebar-home{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-6);overflow:visible;padding-top:var(--space-5);position:relative;width:200px;z-index:10}.sidebar-home__header{height:24px;margin:0}.sidebar-home__description{color:var(--color-text-muted);margin:0}.form-stack{flex-direction:column;gap:var(--space-4)}.form-row,.form-stack{display:flex;overflow:visible}.form-row{align-items:center;gap:0;min-height:24px}.form-row__label{color:var(--color-text-muted);flex-shrink:0;width:100px}.form-row .field,.form-row .select{height:24px;width:100px}.form-row .select .field{height:24px;width:100%}.font-cards{flex:1 1;gap:var(--space-7);max-width:816px;min-width:480px;z-index:1}.font-card,.font-cards{display:flex;flex-direction:column;position:relative}.font-card{background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;margin:0;padding:var(--space-5) var(--space-6) var(--space-6);text-align:left;transition:background .15s ease-in;width:100%}.font-card:hover{background:var(--color-component-surface)}.font-card.no-transition{transition:none}.font-card:focus-visible{outline:var(--border-width-1) solid var(--color-component-border-active)}.font-card__header{align-items:center;display:flex;height:24px;justify-content:space-between;margin-bottom:var(--space-4)}.font-card__meta{align-items:center;display:flex;gap:var(--space-3)}.font-card__name{color:var(--color-text)}.font-card__weight{color:var(--color-text-muted)}.font-card__preview{color:var(--color-text);font:600 48px/1.6 var(--font-display);letter-spacing:.32px;text-align:left}.font-card__preview-line{word-break:break-all}.page--record{display:flex;flex-direction:column;margin:0 auto;max-width:1136px;min-height:100vh;min-width:870px;padding:var(--space-8)}.record-top{display:flex;gap:var(--space-8);width:1046px}.sidebar-record{flex-shrink:0;width:200px}.sidebar-record,.sidebar-record__info{display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-record__nav{align-items:center;display:flex;gap:var(--space-1)}.theme-toggle--nav{display:block}.theme-toggle--nav .field--select,.theme-toggle--nav .select{width:100px}.sidebar-record__separator{color:var(--color-text-muted)}.sidebar-record__name{flex:1 1;min-width:0}.sidebar-record__name input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-record__description{color:var(--color-text-muted);margin:0}.sidebar-record__actions{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-record__actions .btn{width:100%}.sidebar-record__export-error{color:var(--color-text-muted);font:var(--text-xs) var(--font-ui);margin:0}.canvas{align-items:center;background:var(--color-bg);border:var(--border-width-1) solid var(--color-divider);contain:layout style paint;display:flex;flex-shrink:0;height:566px;justify-content:center;overflow:hidden;position:relative;transition:background .15s ease-in,border-color .15s ease-in;width:566px}.canvas.is-accent-mode{background:var(--color-accent);border-color:transparent}.canvas.is-accent-mode .canvas__glyph-path{fill:none;stroke:var(--color-text-inverse);stroke-width:1}[data-theme=dark] .canvas.is-accent-mode .canvas__glyph-path{stroke:var(--color-text-inverse)}.canvas.is-panning,.canvas.is-panning *{cursor:-webkit-grab!important;cursor:grab!important}.canvas.is-panning:active,.canvas.is-panning:active *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.canvas__glyph{color:var(--color-text);font:600 200px/1 var(--font-display)}.canvas__message{color:var(--color-text);margin:0;position:absolute}.canvas__svg{display:block;height:100%;width:100%;will-change:transform;transform-origin:center}.canvas__svg.is-resetting{transition:transform .15s ease-out}.canvas__glyph-path{color:var(--color-text);pointer-events:none;shape-rendering:geometricPrecision;transition:fill .15s ease-in,stroke .15s ease-in;will-change:d}.canvas.is-dragging .canvas__glyph-path{shape-rendering:optimizeSpeed}.canvas__overlay{cursor:default;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .15s ease-in;width:100%;will-change:transform,opacity;z-index:1}.canvas.has-selection .canvas__overlay,.canvas.is-dragging .canvas__overlay,.canvas:hover .canvas__overlay{opacity:1}.canvas__guides{will-change:transform}.canvas.is-dragging .canvas__glyph-path,.canvas.is-dragging .canvas__overlay,.canvas.is-dragging .canvas__svg,.canvas.is-panning .canvas__overlay,.canvas.is-panning .canvas__svg{transition:none!important}.canvas__snap-line{stroke:var(--color-accent);stroke-width:1;stroke-dasharray:4 6;opacity:0;transition:opacity .15s ease-out}.canvas__guides text{fill:var(--color-text-muted)}.canvas.is-accent-mode .canvas__snap-line{stroke:var(--color-text-inverse)}.canvas.is-accent-mode .canvas__guides text{fill:var(--color-text-inverse)}.canvas-wrap{position:relative}.canvas-wrap.is-magnify-mode .canvas{cursor:none}.canvas-wrap.is-magnify-mode .canvas__controls{cursor:default}.canvas__loupe{animation:loupe-in .15s ease-out;opacity:1;transform:translate(-50%,-50%);background:var(--color-bg);border-radius:50%;box-shadow:var(--shadow-dialog),0 0 0 var(--border-width-1) var(--color-component-border);color:var(--color-text);height:192px;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .15s ease-in;width:192px;will-change:transform,opacity;z-index:5}@keyframes loupe-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (prefers-reduced-motion:reduce){.canvas__loupe{animation:none;opacity:1;transform:translate(-50%,-50%)}}.canvas__loupe svg{display:block}.canvas__controls{bottom:0;display:flex;gap:var(--space-4);opacity:0;padding:24px var(--space-4) var(--space-4) 24px;position:absolute;right:0;transition:opacity .15s ease-in;z-index:2}.canvas-wrap:hover .canvas__controls{opacity:1}.canvas__toggle-mode-wrap{display:flex;position:relative}[data-theme=dark] .canvas__toggle-mode-wrap img{filter:invert(1)}.panel-record{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-6);width:200px}.panel-record__controls{display:flex;flex-direction:column;gap:var(--space-7)}.panel-record__coordinates{flex-direction:column}.panel-record__coordinates,.panel-record__toggles{display:flex;gap:var(--space-4)}.panel-record__mirror{align-items:center;display:flex;justify-content:space-between}.panel-record__mirror-label{color:var(--color-text-muted)}.panel-record__toggle{background:none;border:none;cursor:pointer;display:block;height:96px;padding:0;position:relative;width:96px}.panel-record__toggle:disabled,.panel-record__toggle:hover{background:none;opacity:1}.panel-record__toggle:disabled{cursor:default}.panel-record__toggle-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.panel-record__toggle-item .tooltip{left:50%;transform:translateX(-50%)}.panel-record__toggle-label{color:var(--color-text-muted);font:var(--text-xs) var(--font-heading);letter-spacing:var(--tracking-normal);transition:color .15s ease-in}.panel-record__toggle-item:hover .panel-record__toggle-label,.panel-record__toggle-label.is-selected{color:var(--color-text)}.glb-button__canvas{display:block;height:100%;pointer-events:none;width:100%}.panel-record__shortcuts{display:flex;flex-direction:column;gap:0;margin-top:auto}.shortcut-item{align-items:center;display:flex;gap:var(--space-3)}.shortcut-item__label{color:var(--color-text-muted);font:var(--text-xs) var(--font-ui);letter-spacing:var(--tracking-tight)}[data-theme=blue] .shortcut-item__label{color:var(--color-text)}.shortcut-item__box{background:var(--color-component-surface);border:var(--border-width-1) solid var(--color-component-border);flex-shrink:0;height:8px;width:8px}.shortcut-item__key{color:var(--color-text-muted);font:var(--text-xs) var(--font-ui);letter-spacing:var(--tracking-tight);text-align:right}.field-group{align-items:center;display:flex;gap:0}.field-group__label{color:var(--color-text-muted);font:var(--text-xs) var(--font-heading);letter-spacing:var(--tracking-normal);flex-shrink:0;width:40px}.field-group .field{flex:0 0 160px;width:160px}.panel-record .select{width:200px}.panel-record .select .field{width:100%}.tabs-header{gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-6)}.preview-controls,.tabs-header{align-items:center;display:flex}.preview-controls{gap:var(--space-5)}.tab-panel--glyphs{display:flex;flex-direction:column;gap:var(--space-7)}.glyph-group{display:flex;flex-wrap:wrap;gap:0;margin-left:1px;margin-top:1px}.glyph-group .card--glyph{margin-left:-1px;margin-top:-1px}.tab-panel--preview{min-height:200px;overflow-anchor:none;padding:var(--space-6) 0 var(--space-9)}.preview-text{color:var(--color-text);font:600 100px/1.2 var(--font-display);outline:none;white-space:pre-wrap;word-break:break-word}.preview-text::selection{background:var(--color-component-surface-hover)}.dialog-overlay{align-items:center;background:var(--color-overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.record-bottom{margin-top:var(--space-8);width:1046px}@media (max-width:1135px){.page--record{align-items:center}.theme-toggle{display:none}.record-top{display:grid;grid-template-columns:537px 200px;grid-column-gap:var(--space-7);column-gap:var(--space-7);grid-row-gap:var(--space-8);row-gap:var(--space-8);max-width:761px;width:100%}.sidebar-record{align-items:flex-start;flex-direction:row;gap:var(--space-7);grid-column:1/-1;width:100%}.sidebar-record__info{flex:1 1;gap:var(--space-4);min-width:0}.sidebar-record__name{flex:1 1 auto;max-width:200px}.sidebar-record__description{align-items:center;display:flex;height:24px}.canvas{flex-shrink:0;height:537px;width:537px}.sidebar-record__actions{flex-shrink:0;width:200px}.sidebar-record__actions .btn{width:100%}.record-bottom{width:100%}.glyph-group,.record-bottom{max-width:761px}}