@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff")}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.woff)format("woff")}.glyph-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.glyph-canvas canvas{display:block}.glyph-canvas.is-space-held{cursor:grab}.glyph-canvas.is-panning{cursor:grabbing}.menu-trigger{height:var(--control-h);border-radius:var(--radius);color:var(--fg-2);background:0 0;border:0;align-items:center;gap:4px;padding:0 8px;font-weight:500;display:inline-flex}.menu-trigger svg{opacity:.7;width:13px;height:13px}.menu-trigger:hover,.menu-trigger[data-state=open]{background:var(--surface-2);color:var(--fg)}.menu-content{z-index:50;border:1px solid var(--line);background:var(--surface);min-width:220px;box-shadow:var(--shadow-popover);color:var(--fg);border-radius:8px;padding:4px;animation:.1s ease-out fade-in;overflow:hidden}.menu-item{-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;align-items:center;gap:8px;height:28px;padding:0 8px;font-size:13px;display:flex;position:relative}.menu-item[data-highlighted],.menu-item[data-state=open]{background:var(--surface-2)}.menu-item[data-disabled]{opacity:.45;pointer-events:none}.menu-item.is-inset{padding-left:30px}.menu-item-indicator{justify-content:center;width:15px;display:flex;position:absolute;left:8px}.menu-item-indicator svg{width:14px;height:14px}.menu-item-chevron{width:14px;height:14px;color:var(--fg-3);margin-left:auto}.menu-separator{background:var(--line);height:1px;margin:4px -4px}.menu-item>svg{width:15px;height:15px;color:var(--fg-3)}.menu-item>span:first-of-type{flex:1}.menu-item kbd{color:var(--fg-3);font-family:var(--font-sans);background:0 0;border:0;font-size:11.5px}.menu-item[data-variant=danger],.menu-item[data-variant=danger]>svg{color:var(--danger)}.menu-label{color:var(--fg-3);padding:6px 8px 2px;font-size:11.5px;font-weight:500}.menu-icon-space{flex:0 0 15px;width:15px}.select-trigger{width:132px;height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);text-align:left;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.select-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-trigger svg{width:14px;height:14px;color:var(--fg-3)}.select-trigger[data-state=open]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.menu-content[data-variant=search]{width:220px;padding:0}.menu-search{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:0 10px;display:flex}.menu-search svg{width:14px;height:14px;color:var(--fg-3)}.menu-search input{background:0 0;border:0;outline:none;width:100%;height:34px}.language-menu-list{max-height:300px;padding:4px;overflow-y:auto}.menu-empty{color:var(--fg-3);margin:0;padding:10px 8px;font-size:12px}.glyph-browser{flex-direction:column;flex:1;min-height:0;display:flex}.glyph-browser-filters{flex-direction:column;gap:6px;padding:10px 10px 8px;display:flex}.glyph-browser-scroll{scrollbar-gutter:stable;flex:1;min-height:0;padding:0 10px 10px;overflow-y:auto}.glyph-browser-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;display:grid}.glyph-tile{aspect-ratio:1;background:var(--surface-2);color:var(--fg-3);content-visibility:auto;contain-intrinsic-size:44px;border:1px solid #0000;border-radius:5px;place-items:center;padding:0;display:grid;position:relative}.glyph-tile:hover{border-color:var(--line-strong);color:var(--fg-2)}.glyph-tile.is-drawn{background:var(--surface);border-color:var(--line);color:var(--fg)}.glyph-tile.is-drawn:hover{border-color:var(--line-strong)}.glyph-tile.is-selected,.glyph-tile.is-selected:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.glyph-tile.is-in-selection,.glyph-tile.is-in-selection:hover{border-color:var(--accent-line);background:var(--accent-soft)}.glyph-tile-art{fill:currentColor;width:70%;height:70%;margin-top:-6px}.glyph-tile.is-outline{color:var(--fg-3)}.glyph-tile-char{margin-top:-4px;font-size:16px;line-height:1}.glyph-tile.is-empty .glyph-tile.is-outline{color:var(--fg-3)}.glyph-tile-art.is-outline{opacity:.75}.glyph-tile-char{color:var(--fg-2)}.glyph-tile-label{color:var(--fg-3);text-align:center;white-space:nowrap;font-size:9.5px;line-height:1.2;position:absolute;bottom:1px;left:0;right:0;overflow:hidden}.glyph-tile:not(.is-drawn) .glyph-tile-label{visibility:hidden}.glyph-tile.is-selected .glyph-tile-label{color:var(--accent)}.glyph-browser-empty{color:var(--fg-3);flex-direction:column;align-items:center;gap:8px;padding:24px 8px;display:flex}.glyph-browser-empty p{margin:0}.glyph-browser-empty button{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:4px 10px}.glyph-browser-footer{border-top:1px solid var(--line);color:var(--fg-3);justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.glyph-browser-footer b{color:var(--fg);font-weight:600}.conversion-settings{grid-template-columns:1fr 1fr;gap:16px;display:grid}.conversion-settings .field>[data-orientation]{height:var(--control-h)}.field-reset{color:var(--accent);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:11.5px;font-weight:500;display:inline-flex}.field-reset svg{width:11px;height:11px}.pixel-samples{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;display:grid}.pixel-sample{flex-direction:column;gap:3px;margin:0;display:flex}.pixel-sample-art{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.pixel-sample-art svg{width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.pixel-sample-gridline{fill:none;stroke:var(--line-strong);stroke-width:.06px}.pixel-sample-baseline{stroke:var(--accent);stroke-width:.1px}.pixel-sample-ink{fill:var(--fg)}.pixel-sample-art .spin{width:16px;height:16px;color:var(--fg-3)}.pixel-sample-art>span{color:var(--fg-3);opacity:.5;font-size:22px}.pixel-sample figcaption{color:var(--fg-3);font-family:var(--font-mono);text-align:center;font-size:10.5px}.pixel-sample.is-missing figcaption{color:var(--warning)}.dropzone{border:1px dashed var(--line-strong);background:var(--surface-2);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.dropzone:hover:not(:disabled),.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{border-style:solid}.dropzone>svg{width:20px;height:20px;color:var(--fg-3)}.dropzone-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropzone-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dropzone-text small{color:var(--fg-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.import-detected{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);color:var(--fg-2);align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.import-detected>svg{width:16px;height:16px;color:var(--accent)}.import-detected>span{flex:1}.import-detected strong{color:var(--fg)}.import-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.import-grid .segmented{margin-bottom:2px}.sample-text-input{border:1px solid var(--line);background:var(--surface);width:140px;height:22px;font-family:var(--font-mono);border-radius:4px;outline:none;padding:0 6px;font-size:11.5px;font-weight:400}.sample-text-input:focus{border-color:var(--accent)}.import-progress{flex-direction:column;gap:6px;display:flex}.import-progress-text{color:var(--fg-2);justify-content:space-between;font-size:12px;display:flex}.import-progress-text span:last-child{font-family:var(--font-mono)}.import-progress progress{appearance:none;background:var(--surface-3);border:0;border-radius:2px;width:100%;height:4px;overflow:hidden}.import-progress progress::-webkit-progress-bar{background:var(--surface-3)}.import-progress progress::-webkit-progress-value{background:var(--accent)}.import-progress progress::-moz-progress-bar{background:var(--accent)}.features{flex-direction:column;flex:1;min-height:0;display:flex}.features>.segmented{margin:10px 10px 0}.feature-form{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px;display:flex}.field-row-pair .field:last-child{flex:0 0 72px}.kern-editor{flex-direction:column;gap:8px;display:flex}.kern-editor-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-height:76px;color:var(--fg);place-items:center;display:grid}.kern-editor-preview>span{color:var(--fg-3);font-size:12px}.ligature-presets{flex-wrap:wrap;gap:4px;display:flex}.ligature-chip{min-width:34px;font-family:var(--font-mono);font-variant-ligatures:none}.ligature-custom{gap:6px;display:flex}.feature-row .glyph-run{color:var(--fg)}.field-row-pair .text-input{font-family:var(--font-mono);font-size:12.5px}.char-input{min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex}.char-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.char-input.is-invalid{border-color:var(--danger)}.char-input input{width:100%;min-width:0;height:calc(var(--control-h) - 2px);background:0 0;border:0;outline:none;padding:0 0 0 8px}.char-input span{color:var(--fg-3);font-family:var(--font-mono);white-space:nowrap;padding-right:6px;font-size:10px}.feature-list{flex:1;min-height:0;padding:6px;overflow-y:auto}.feature-row{border-radius:var(--radius);align-items:center;gap:6px;padding:3px 4px;display:flex}.feature-row:hover{background:var(--surface-2)}.feature-row.is-selected{background:var(--accent-soft)}.feature-row.is-disabled .feature-row-main{opacity:.45}.feature-row-main{text-align:left;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;gap:10px;min-width:0;height:34px;padding:0 4px;display:flex}.feature-row-label{color:var(--fg-2);font-family:var(--font-mono);font-size:12px}.feature-row-arrow{width:14px;height:14px;color:var(--fg-3)}.feature-row .number-field{flex-shrink:0;width:64px}.preview{background:var(--surface);flex-direction:column;min-height:0;display:flex}.preview-toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:flex-start;gap:8px;padding:6px 10px;display:flex}.field-select-compact{flex-shrink:0}.field-select-compact select{width:132px}.preview-input{min-width:0;min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);resize:none;field-sizing:content;outline:none;flex:160px;max-height:76px;padding:5px 8px;line-height:16px}.preview-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.preview-input-static{color:var(--fg-3);border-color:#0000;align-items:center;display:flex}.preview-toggles{height:var(--control-h);align-items:center;gap:4px;display:flex}.preview-size{height:var(--control-h);align-items:center;gap:6px;display:flex}.preview-size input{width:56px}.preview-size output{width:26px;color:var(--fg-3);font-family:var(--font-mono);font-size:11.5px}.preview-canvas{background:var(--surface);flex:1;min-height:0;padding:16px 20px 24px;overflow:auto}.preview-line{flex-wrap:wrap;align-items:flex-start;row-gap:8px;display:flex;position:relative}.preview-canvas.shows-metrics .preview-line:before{top:var(--baseline);background:var(--accent-line);content:"";pointer-events:none;height:1px;position:absolute;left:0;right:0}.preview-word{display:inline-flex}.preview-run{display:inline-flex;position:relative}.preview-glyph{color:var(--fg);background:0 0;border:0;flex-shrink:0;padding:0;display:block;position:relative}.preview-glyph svg{fill:currentColor;display:block;overflow:visible}.preview-glyph svg.is-outline{opacity:.55}.preview-glyph:hover{background:var(--surface-2)}.preview-glyph.is-selected{color:var(--accent)}.preview-glyph.is-missing{background:repeating-linear-gradient(135deg, transparent 0 3px, var(--surface-3) 3px 4px)}.preview-glyph.shows-metrics{box-shadow:inset 0 0 0 1px var(--accent-soft)}.preview-kern{z-index:1;background:var(--warning);opacity:.7;border:0;border-radius:2px;width:6px;height:4px;padding:0;position:absolute;bottom:-6px;right:-3px}.preview-kern.is-rtl{left:-3px;right:auto}.preview-kern:hover{opacity:1;transform:scale(1.4)}.inspector-scroll{flex:1;min-height:0;overflow-y:auto}.inspector-body{flex-direction:column;display:flex}.inspector-section{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:14px;display:flex}.inspector-section>header{justify-content:space-between;align-items:center;display:flex}.inspector-section h3{margin:0;font-size:12px;font-weight:600}.inspector-note{border-radius:var(--radius);background:var(--surface-2);color:var(--fg-2);margin:0;padding:6px 8px;font-size:12px}.glyph-summary{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px;display:flex}.glyph-summary-art{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.glyph-summary-art svg{width:52px;height:52px;fill:var(--fg)}.glyph-summary-art span{color:var(--fg-3);font-size:26px}.glyph-summary-text{flex-direction:column;gap:2px;min-width:0;display:flex}.glyph-summary-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.glyph-summary-text span{color:var(--fg-3);font-size:12px}.glyph-summary-text span:nth-child(2){font-family:var(--font-mono);font-size:11.5px}.stat-grid{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.stat-grid div{padding:5px 8px}.stat-grid div+div{border-left:1px solid var(--line)}.stat-grid dt{color:var(--fg-3);font-size:10.5px}.stat-grid dd{font-family:var(--font-mono);margin:0;font-size:12px}.transform-pad{justify-content:space-between;align-items:center;gap:12px;display:flex}.transform-arrows{grid-template-columns:repeat(3, var(--control-h));gap:2px;display:grid}.transform-actions{grid-template-columns:repeat(2, var(--control-h));gap:4px;display:grid}.glyph-summary-art svg.is-outline{opacity:.6}.glyph-summary-stack{flex-shrink:0;display:flex}.glyph-summary-stack .glyph-summary-art{width:48px;height:64px;box-shadow:0 0 0 2px var(--surface)}.glyph-summary-stack .glyph-summary-art+.glyph-summary-art{margin-left:-18px}.glyph-summary-stack svg{width:38px;height:38px}.shortcut-columns{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.shortcut-columns h3{color:var(--fg-3);margin:0 0 8px;font-size:11.5px;font-weight:600}.shortcut-columns dl{flex-direction:column;gap:6px;margin:0;display:flex}.shortcut-columns dl div{justify-content:space-between;align-items:center;gap:8px;display:flex}.shortcut-columns dt{color:var(--fg-2);font-size:12px}.shortcut-columns dd{gap:3px;margin:0;display:flex}.diagnostic-list{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow:auto}.diagnostic-list article{border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px}.diagnostic-list div{justify-content:space-between;gap:8px;font-size:12px;display:flex}.diagnostic-list strong{text-transform:capitalize}.diagnostic-list time{color:var(--fg-3)}.diagnostic-list p{color:var(--fg-2);font-family:var(--font-mono);word-break:break-word;margin:4px 0 0;font-size:11.5px}.document-tabs{scrollbar-width:none;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.document-tabs::-webkit-scrollbar{display:none}.document-tab{border-radius:var(--radius);height:28px;color:var(--fg-3);flex-shrink:0;align-items:center;display:flex}.document-tab:hover{background:var(--surface-2);color:var(--fg-2)}.document-tab.is-active{background:var(--surface-3);color:var(--fg)}.document-tab-label{background:0 0;border:0;align-items:center;gap:6px;height:100%;padding:0 4px 0 10px;font-weight:500;display:flex}.document-tab.is-active .document-tab-label{font-weight:600}.document-tab-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.document-tab-warning{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-weight:700;display:grid}.document-tab-rename{border:1px solid var(--accent);background:var(--surface);border-radius:4px;outline:none;height:22px;margin:0 2px 0 6px;padding:0 4px;font-weight:600}.document-tab-menu,.document-tab-close,.document-tab-new{width:20px;height:20px;color:inherit;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;display:grid}.document-tab-menu svg,.document-tab-close svg,.document-tab-new svg{width:13px;height:13px}.document-tab-menu:hover,.document-tab-close:hover,.document-tab-new:hover,.document-tab-menu[data-state=open]{background:color-mix(in srgb, var(--fg) 10%, transparent);color:var(--fg)}.document-tab-close{margin-right:4px}.document-tab-close svg,.document-tab-dot{display:none}.document-tab.is-dirty .document-tab-dot{background:var(--warning);border-radius:50%;width:6px;height:6px;display:block}.document-tab:hover .document-tab-close svg,.document-tab.is-active .document-tab-close svg,.document-tab-close:focus-visible svg{display:block}.document-tab:hover .document-tab-dot,.document-tab.is-active .document-tab-dot,.document-tab-close:focus-visible .document-tab-dot{display:none}.document-tab:not(.is-dirty):not(:hover):not(.is-active) .document-tab-close{width:6px}.document-tab.is-active.is-dirty .document-tab-label:after{background:var(--warning);content:"";border-radius:50%;width:6px;height:6px}.document-tab-new{width:24px;height:24px;color:var(--fg-3);margin-left:2px}.mobile-landing{box-sizing:border-box;background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:28px 20px;display:flex;overflow-y:auto}.mobile-landing-content{width:min(100%,480px)}.mobile-landing .wordmark{width:max-content;height:36px;margin:0 0 24px;padding:0}.mobile-landing .wordmark .glyph-run{width:auto;height:28px}.mobile-landing-preview{border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;overflow:hidden;box-shadow:0 14px 40px #0000001f}.mobile-landing-preview img{width:100%;height:auto;display:block}.mobile-landing h1{color:var(--fg);letter-spacing:-.04em;margin:30px 0 10px;font-size:clamp(28px,8vw,38px);font-weight:700;line-height:1.08}.mobile-landing p{color:var(--fg-2);margin:0;font-size:16px;line-height:1.55}.mobile-landing-actions{gap:10px;margin-top:26px;display:grid}.mobile-landing-actions button{border-radius:6px;min-height:46px;font-size:15px;font-weight:600}.mobile-landing-copy{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.mobile-landing-open{border:1px solid var(--line-strong);background:var(--surface);color:var(--fg)}.mobile-landing .mobile-landing-status{min-height:24px;margin-top:12px;font-size:13px}@media (width<=959px){body{overflow:auto}.app{height:100dvh}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--tracking-widest:.1em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mr-2{margin-right:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-2{height:calc(var(--spacing) * 2)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-full{height:100%}.h-px{height:1px}.max-h-72{max-height:calc(var(--spacing) * 72)}.w-full{width:100%}.w-px{width:1px}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.touch-none{touch-action:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius)}.rounded-sm{border-radius:4px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border-color)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border-color)}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted-background)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.fill-current{fill:currentColor}.p-1{padding:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-input{color:var(--input)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.italic{font-style:italic}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent-background)}.hover\:text-accent-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent-background)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:var(--foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing) * 1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"DM Sans Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg:#ececef;--surface:#fff;--surface-2:#f5f5f7;--surface-3:#ebebef;--line:#e2e2e7;--line-strong:#cfcfd6;--fg:#19191d;--fg-2:#55555f;--fg-3:#8b8b96;--accent:#3f5cf5;--accent-fg:#fff;--danger:#d4383b;--warning:#c77a12;--shadow-popover:0 1px 2px #0000000f, 0 8px 24px #0000001f;--shadow-dialog:0 2px 4px #0000000f, 0 24px 64px #0003;--cv-bg:#e4e4e9;--cv-em:#efeff2;--cv-advance:#fbfbfc;--cv-grid:#19191d12;--cv-ink:#19191d;--cv-ghost:#19191d4d;--cv-baseline:var(--accent);--cv-guide:#19191d33;--cv-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root{--cv-hover:color-mix(in srgb, var(--accent) 85%, transparent)}}:root{--cv-bounds:#d4383b;--cv-outline:#19191d6b;--radius:6px;--control-h:28px;--topbar-h:44px;--sidebar-w:272px;--inspector-w:280px;--background:var(--surface);--foreground:var(--fg);--popover:var(--surface);--popover-foreground:var(--fg);--primary:var(--accent);--primary-foreground:var(--accent-fg);--secondary:var(--surface-3);--secondary-foreground:var(--fg);--muted-background:var(--surface-2);--muted-foreground:var(--fg-3);--accent-background:var(--surface-3);--destructive:var(--danger);--border-color:var(--line);--input:var(--line-strong);--ring:var(--accent)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0c0e;--surface:#161619;--surface-2:#1d1d21;--surface-3:#26262b;--line:#27272d;--line-strong:#37373f;--fg:#ececf0;--fg-2:#a3a3ad;--fg-3:#6e6e79;--accent:#7188ff;--accent-fg:#0c0c0e;--danger:#f2696b;--warning:#e6a345;--shadow-popover:0 1px 2px #0006, 0 8px 24px #00000073;--shadow-dialog:0 2px 4px #0006, 0 24px 64px #0009;--cv-bg:#0f0f12;--cv-em:#141417;--cv-advance:#1b1b20;--cv-grid:#ffffff0d;--cv-ink:#ececf0;--cv-ghost:#ececf042;--cv-baseline:var(--accent);--cv-guide:#ffffff29;--cv-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-theme=dark]{--cv-hover:color-mix(in srgb, var(--accent) 90%, transparent)}}:root[data-theme=dark]{--cv-bounds:#f2696b;--cv-outline:#ececf066}:root,:root[data-theme=dark]{--accent-hover:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,:root[data-theme=dark]{--accent-hover:color-mix(in srgb, var(--accent) 86%, var(--fg))}}:root,:root[data-theme=dark]{--accent-soft:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,:root[data-theme=dark]{--accent-soft:color-mix(in srgb, var(--accent) 12%, transparent)}}:root,:root[data-theme=dark]{--accent-line:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root,:root[data-theme=dark]{--accent-line:color-mix(in srgb, var(--accent) 48%, transparent)}}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:13px;line-height:1.4;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}svg{flex-shrink:0}kbd{border:1px solid var(--line-strong);background:var(--surface-2);min-width:18px;height:18px;color:var(--fg-2);font-family:var(--font-mono);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;line-height:1;display:inline-flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr) var(--inspector-w);grid-template-rows:var(--topbar-h) minmax(0, 1fr);grid-template-areas:"top top top""side work inspector";min-width:960px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--surface);grid-area:top;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr);align-items:center;gap:12px;padding:0 8px 0 10px;display:grid}.topbar-start,.topbar-end{align-items:center;gap:4px;display:flex}.topbar-end{justify-content:flex-end}.topbar-end .button{margin-left:4px}.wordmark{align-items:center;height:28px;margin-right:6px;padding:0 4px;display:flex}.wordmark .glyph-run{fill:var(--fg)}.glyph-run{fill:currentColor;display:block;overflow:visible}.glyph-run-missing{fill:none;stroke:var(--line-strong);stroke-width:.25px;stroke-dasharray:.6 .4}.divider{background:var(--line);width:1px;height:18px;margin:0 4px}.sidebar,.inspector{background:var(--surface);flex-direction:column;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);grid-area:side}.inspector{border-left:1px solid var(--line);grid-area:inspector}.workspace{grid-area:work;grid-template-columns:minmax(0,1fr);grid-template-rows:40px minmax(160px, 1fr) 5px var(--preview-height);min-width:0;min-height:0;display:grid}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:6px;min-width:0;padding:0 8px 0 12px;display:flex}.editor-glyph{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.editor-glyph-char{min-width:14px;font-size:17px;font-weight:600;line-height:1}.editor-glyph-name{color:var(--fg-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-glyph-code{color:var(--fg-3);font-family:var(--font-mono);font-size:11.5px}.toolbar-group{border-right:1px solid var(--line);align-items:center;gap:1px;margin-right:0;padding-right:6px;display:flex}.zoom-readout{min-width:44px;height:var(--control-h);border-radius:var(--radius);color:var(--fg-2);font-family:var(--font-mono);background:0 0;border:0;padding:0 4px;font-size:11.5px}.zoom-readout:hover{background:var(--surface-2);color:var(--fg)}.canvas-area{background:var(--cv-bg);min-height:0;position:relative}.convert-banner{z-index:3;border:1px solid var(--line);background:var(--surface);width:max-content;max-width:calc(100% - 24px);box-shadow:var(--shadow-popover);border-radius:8px;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.convert-banner.is-nudged{animation:.32s ease-out nudge}.convert-banner-text{flex-direction:column;min-width:0;margin-right:6px;display:flex}.convert-banner-text strong{font-weight:600}.convert-banner-text span{color:var(--fg-2);font-size:12px}@keyframes nudge{20%{transform:translate(calc(-50% - 6px))}45%{transform:translate(calc(5px - 50%))}70%{transform:translate(calc(-50% - 3px))}}.resize-handle{z-index:2;border-top:1px solid var(--line);background:var(--surface);cursor:row-resize;touch-action:none;position:relative}.resize-handle:after{background:var(--line-strong);content:"";border-radius:2px;width:32px;height:2px;position:absolute;top:1px;left:50%;transform:translate(-50%)}.resize-handle:hover,.resize-handle:active{background:var(--accent-soft)}.icon-button{width:var(--control-h);height:var(--control-h);border-radius:var(--radius);color:var(--fg-2);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:16px;height:16px}.icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.icon-button:active:not(:disabled){background:var(--surface-3)}.icon-button.is-active{background:var(--accent-soft);color:var(--accent)}.icon-button:disabled{opacity:.35}.icon-button-outline{border-color:var(--line-strong);background:var(--surface)}.icon-button-small{width:22px;height:22px}.icon-button-small svg{width:14px;height:14px}.button{height:var(--control-h);border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.button svg{width:15px;height:15px}.button:disabled{opacity:.45}.button-primary{background:var(--accent);color:var(--accent-fg)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--fg)}.button-secondary:hover:not(:disabled){background:var(--surface-2)}.button-ghost{color:var(--fg-2);background:0 0}.button-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.button-small{height:22px;padding:0 7px;font-size:12px}.button-block{width:100%}.panel-tabs{border-bottom:1px solid var(--line);flex-shrink:0;align-items:stretch;gap:16px;height:40px;padding:0 14px;display:flex}.panel-tabs button{color:var(--fg-3);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0;font-weight:500;display:flex}.panel-tabs button:hover{color:var(--fg)}.panel-tabs button[aria-selected=true]{border-bottom-color:var(--fg);color:var(--fg)}.count{background:var(--surface-3);min-width:18px;color:var(--fg-2);font-family:var(--font-mono);text-align:center;border-radius:9px;padding:1px 5px;font-size:10.5px;line-height:14px}.segmented{border-radius:var(--radius);background:var(--surface-3);padding:2px;display:flex}.segmented button{height:24px;color:var(--fg-2);background:0 0;border:0;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.segmented button:hover:not(:disabled){color:var(--fg)}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000001f}.segmented button:disabled{opacity:.5}.segmented .count{background:var(--surface-2)}.chip{border:1px solid var(--line-strong);background:var(--surface);height:24px;color:var(--fg-2);border-radius:12px;padding:0 9px;font-size:12px;font-weight:500}.chip:hover:not(:disabled){color:var(--fg)}.chip.is-on{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.chip:disabled{opacity:.45}.field{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.field-label{color:var(--fg-2);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.field-label output{color:var(--fg);font-family:var(--font-mono);font-size:11.5px}.field-hint{color:var(--fg-3);margin:0;font-size:11.5px;line-height:1.45}.field-row{gap:8px;display:flex}.text-input,.number-field,.field-select select,.field-search{width:100%;min-height:var(--control-h);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);transition:border-color .1s,box-shadow .1s}.text-input{outline:none;padding:5px 8px}textarea.text-input{resize:vertical;min-height:52px}.text-input:focus,.number-field:focus-within,.field-select select:focus,.field-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.text-input::placeholder,.number-field input::placeholder,.field-search input::placeholder{color:var(--fg-3)}.number-field{align-items:center;padding-right:8px;display:flex}.number-field input{width:100%;min-width:0;height:calc(var(--control-h) - 2px);font-family:var(--font-mono);appearance:textfield;background:0 0;border:0;outline:none;padding:0 0 0 8px;font-size:12.5px}.number-field input::-webkit-inner-spin-button{appearance:none;margin:0}.number-field input::-webkit-outer-spin-button{appearance:none;margin:0}.number-field input:not(:focus):not(:disabled){cursor:ns-resize}.number-field.is-scrubbing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.number-field-prefix{color:var(--fg-3);font-family:var(--font-mono);padding-left:8px;font-size:11px}.number-field-prefix+input{padding-left:6px}.number-field-suffix{white-space:nowrap;color:var(--fg-3);font-size:11.5px}.number-field.is-disabled{background:var(--surface-2);color:var(--fg-3)}.field-select{display:block;position:relative}.field-select select{appearance:none;outline:none;padding:0 28px 0 8px}.field-select>svg{width:14px;height:14px;color:var(--fg-3);pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-search{align-items:center;gap:6px;padding:0 4px 0 8px;display:flex}.field-search>svg{width:14px;height:14px;color:var(--fg-3)}.field-search input{min-width:0;height:calc(var(--control-h) - 2px);background:0 0;border:0;outline:none;flex:1}.field-search button{width:20px;height:20px;color:var(--fg-3);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.field-search button:hover{background:var(--surface-3);color:var(--fg)}.field-search button svg{width:13px;height:13px}.checkbox{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0}.form-error{color:var(--danger);margin:0;font-size:12px}.empty-state{color:var(--fg-3);text-align:center;margin:0;padding:20px 8px;font-size:12px}input[type=range]{accent-color:var(--accent)}.tooltip{z-index:60;background:var(--fg);color:var(--surface);border-radius:5px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.tooltip kbd{background:var(--surface);border:0;height:16px}@supports (color:color-mix(in lab, red, red)){.tooltip kbd{background:color-mix(in srgb, var(--surface) 18%, transparent)}}.tooltip kbd{color:inherit}.popover-content{z-index:50;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-popover);color:var(--fg);border-radius:8px;outline:none;padding:12px;animation:.1s ease-out fade-in}.accent-picker{flex-direction:column;gap:8px;display:flex}.accent-swatches{grid-template-columns:repeat(5,24px);gap:6px;display:grid}.accent-swatch{background:var(--swatch);color:#fff;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.accent-swatch svg{stroke-width:3px;width:13px;height:13px}.accent-swatch.is-default{background:conic-gradient(#3f5cf5 0 50%, #7188ff 50%)}.accent-swatch.is-custom{background:var(--swatch,conic-gradient(red, yellow, lime, cyan, blue, magenta, red));overflow:hidden}.accent-swatch.is-custom.is-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.accent-swatch.is-custom input{opacity:0;position:absolute;inset:0}.dialog-overlay{z-index:50;background:#0006;animation:.12s ease-out fade-in;position:fixed;inset:0}.dialog{z-index:50;border:1px solid var(--line);background:var(--surface);width:min(480px,100vw - 32px);max-height:calc(100vh - 48px);box-shadow:var(--shadow-dialog);border-radius:10px;flex-direction:column;gap:16px;padding:20px;animation:.14s ease-out dialog-in;display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dialog[data-size=medium]{width:min(520px,100vw - 32px)}.dialog[data-size=wide]{width:min(660px,100vw - 32px)}.dialog:focus{outline:none}.dialog-close{position:absolute;top:12px;right:12px}.dialog-header{flex-direction:column;gap:4px;padding-right:32px;display:flex}.dialog-title{margin:0;font-size:15px;font-weight:600}.dialog-description{color:var(--fg-2);margin:0;line-height:1.5}.dialog-footer{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(6px - 50%))scale(.98)}}.toast{z-index:70;background:var(--fg);box-shadow:var(--shadow-popover);color:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:8px 8px 8px 14px;font-weight:500;animation:.16s ease-out toast-in;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast:not(:has(button)){padding-right:14px}.toast button{background:var(--surface);border:0;border-radius:4px;height:24px;padding:0 8px}@supports (color:color-mix(in lab, red, red)){.toast button{background:color-mix(in srgb, var(--surface) 16%, transparent)}}.toast button{color:inherit;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}}.crash-screen{place-items:center;height:100%;display:grid}.crash-screen section{text-align:center;max-width:380px}.crash-screen h1{margin:0 0 8px;font-size:18px}.crash-screen p{color:var(--fg-2);margin:0 0 16px}@media (width<=1180px){:root{--sidebar-w:236px;--inspector-w:248px}.editor-glyph-name,.topbar-end .button-secondary{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}