@font-face{font-family:Revue;src:url(/fonts/Revue-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:AM Kosmos;src:url(/fonts/AMKosmos-Regular.otf)format("opentype");font-weight:400;font-display:swap}:root{--bg:#fafaf8;--fg:#141413;--fg-2:#6b6a66;--fg-3:#a5a49f;--rule:#1414131a;--panel:#efeeea;--vermilion:#d73b23;--page:1240px;--gutter:clamp(20px, 3vw, 32px);--display:"Revue", Georgia, serif;--sans:"AM Kosmos", "Helvetica Neue", Helvetica, Arial, sans-serif;--ui:-apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font:400 16px/1.38 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}a{color:inherit}button,input,select{font:inherit;color:inherit}::selection{background:var(--vermilion);color:#fff}:focus-visible{outline-offset:2px;outline:2px solid #08f}[hidden]{display:none!important}.wrap{width:min(100% - 2 * var(--gutter), var(--page));margin-inline:auto}.pill{background:var(--fg);color:#fff;border-radius:999px;align-items:center;height:38px;padding:0 18px;font-size:15px;text-decoration:none;transition:opacity .15s;display:inline-flex}.pill:hover{opacity:.82}.pill.large{height:48px;padding:0 26px;font-size:17px}.bar{z-index:50;position:relative}.bar .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{font:22px/1 var(--display);align-items:baseline;gap:10px;text-decoration:none;display:inline-flex}.brand .mark{width:auto;height:.74em;position:relative;top:.024em;overflow:visible}.intro{text-align:center;flex-direction:column;align-items:center;padding:clamp(72px,10vw,120px) 0 clamp(48px,6vw,72px);display:flex}.intro h1{max-width:17ch;font:400 clamp(44px, 6.6vw, 84px)/.98 var(--display);letter-spacing:-.02em;text-wrap:balance;margin:0}.intro p{max-width:34em;color:var(--fg-2);text-wrap:balance;margin:24px 0 0;font-size:clamp(17px,1.5vw,19px)}.intro .pill{margin-top:32px}.intro .fine{color:var(--fg-3);margin-top:14px;font-size:13px}.showcase{padding-bottom:clamp(96px,12vw,160px)}.stage-panel{background:linear-gradient(#f1f0ec,#e6e5e0);border-radius:clamp(16px,2.4vw,28px);padding:clamp(14px,4vw,48px)}.showcase-note{text-align:center;color:var(--fg-3);margin:18px auto 0;font-size:13px}.tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:36px;display:grid}.tabs button{text-align:left;color:var(--fg-3);cursor:pointer;background:0 0;border:0;align-self:start;padding:18px 0 0;transition:color .2s;position:relative}.tabs button:before,.tabs button:after{content:"";background:var(--rule);border-radius:2px;height:2px;position:absolute;top:0;left:0;right:0}.tabs button:after{background:var(--fg);width:0;right:auto}.tabs button:hover{color:var(--fg-2)}.tabs button[aria-selected=true]{color:var(--fg)}.tabs button[aria-selected=true]:after{width:100%}.tabs.playing button[aria-selected=true]:after{animation:progress var(--dur) linear}@keyframes progress{0%{width:0}}.tab-name{font:21px/1.1 var(--display);margin-bottom:6px;display:block}.tab-text{font-size:14px;line-height:1.3;display:block}.footer{border-top:1px solid var(--rule);padding:32px 0 40px}.footer .wrap{justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.footer .label{color:var(--fg-3);margin:0 0 14px;font-size:13px;font-weight:400}.credits{max-width:62ch;color:var(--fg-2);margin:0;font-size:13px;line-height:1.42}.credits a,.github{text-decoration-color:var(--fg-3);text-underline-offset:3px}.credits a:hover{text-decoration-color:currentColor}.github{flex:none;align-items:center;gap:8px;font-size:15px;text-decoration:none;display:inline-flex}.github svg{width:18px;height:18px}.github:hover{opacity:.7}@media (width<=900px){.tabs{scrollbar-width:none;grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto}.footer .wrap{flex-direction:column;gap:24px}}@media (width<=560px){.tab-text{display:none}.tabs{grid-template-columns:repeat(5,auto)}}.stage{aspect-ratio:1200/760;position:relative}.stage-inner{transform-origin:0 0;width:1200px;height:760px;transform:scale(var(--scale,1));position:absolute;top:0;left:0}.window{--canvas:#fff;--label:#000000d9;--label-2:#00000080;--label-3:#00000042;--separator:#0000001a;--accent:#08f;--accent-rgb:0, 136, 255;--sidebar:#f3f3f3;--sidebar-edge:#0000000f;--row-selected:#00000016;--tile:#0000000a;--tile-hover:#00000012;--stripe:#00000008;--cell:#00000009;--cell-open:#00000017;--switch-off:#0000001f;--glass:#ffffffb8;--glass-edge:inset 0 0 0 .5px #00000014, 0 2px 10px #00000014;--glass-pressed:#00000017;--edge-from:#ffffffeb;--edge-mid:#ffffffb3;--edge-to:#fff0;--control:#0000000f;--control-edge:inset 0 0 0 .5px #0000001a, 0 .5px 1px #00000014;--track:#0000001a;--panel:#f4f4f4;--popover:#fafafaf0;--form:#00000009;--frame:0 0 0 .5px #0000002e, 0 50px 100px -30px #0000004d, 0 18px 36px -12px #00000024;background:var(--canvas);width:1200px;height:760px;color:var(--label);letter-spacing:0;text-align:left;-webkit-font-smoothing:antialiased;box-shadow:var(--frame);isolation:isolate;-webkit-user-select:none;user-select:none;cursor:default;border-radius:26px;font:13px/16px -apple-system,BlinkMacSystemFont,system-ui,Helvetica Neue,sans-serif;position:absolute;top:0;left:0;overflow:hidden}:where(.window) button{color:inherit;font:inherit;cursor:default;background:0 0;border:0;padding:0}:where(.window) input,:where(.window) select{font:inherit;color:inherit}.window ::selection{background:rgba(var(--accent-rgb), .3);color:inherit}.window :focus-visible{outline:3px solid rgba(var(--accent-rgb), .5);outline-offset:0}.window .preview{font-synthesis:none;font-kerning:normal}.lights{gap:8.5px;display:flex}.lights i{background:#ff5f57;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 .5px #0003}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.sidebar{z-index:10;background:var(--sidebar);width:236px;box-shadow:inset 0 0 0 .5px var(--sidebar-edge), 0 4px 18px #0000001a;border-radius:18px;position:absolute;top:8px;bottom:8px;left:8px}.sidebar-top .lights{position:absolute;top:11px;left:11px}.sidebar-toggle{width:28px;height:28px;color:var(--label);place-items:center;display:grid;position:absolute;top:4px;left:202px}.side-list{scrollbar-width:none;padding-bottom:12px;position:absolute;inset:42px 0 0;overflow:auto}.side-list::-webkit-scrollbar,.content::-webkit-scrollbar,.info-scroll::-webkit-scrollbar{display:none}.side-head{height:22px;color:var(--label-2);align-items:center;gap:6px;margin:11px 11px 0 14.5px;font:600 11px/13px -apple-system,BlinkMacSystemFont,system-ui,sans-serif;display:flex}.side-head:first-child{margin-top:0}.side-head>span{margin-right:auto}.side-head button{min-width:16px;height:18px;color:var(--label-2);place-items:center;display:grid}.side-head .edit{font-weight:400}.side-row{white-space:nowrap;border-radius:10px;align-items:center;gap:8px;width:calc(100% - 17px);height:32px;margin:0 7px 0 10px;padding:0 10px 0 17px;display:flex}.side-row .ico{width:20px;color:var(--accent);place-items:center;display:grid}.side-row .label{text-overflow:ellipsis;overflow:hidden}.side-row[aria-current=true]{background:var(--row-selected)}.side-row.group{color:var(--label-2);gap:2px;padding-left:5px}.side-row.group .ico{width:9px;color:var(--label-2)}.side-row.nested{padding-left:29px}.detail{position:absolute;inset:0 0 0 248px}.content{overscroll-behavior:contain;scrollbar-width:none;background:var(--canvas);padding-top:52px;position:absolute;inset:0;overflow:auto}.detail.info-open .content{right:316px}.content.fade{animation:.25s fade}@keyframes fade{0%{opacity:0}}.edge{z-index:5;pointer-events:none;background:linear-gradient(var(--edge-from), var(--edge-mid) 46px, var(--edge-to));backdrop-filter:blur(8px);height:70px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40px,#0000);mask-image:linear-gradient(#000 40px,#0000)}.toolbar{z-index:6;align-items:center;height:52px;padding:0 14px 0 20px;display:flex;position:absolute;top:0;left:0;right:0}.toolbar .title{flex-direction:column;min-width:0;margin-right:auto;display:flex}.toolbar .title strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:16px;overflow:hidden}.toolbar .title span{color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:14px;overflow:hidden}.toolbar .title span:empty{display:none}.detail.paged .toolbar{padding-left:8px}.detail.paged .toolbar .title{margin-left:12px}.detail.paged .toolbar .title strong{font-size:15px;font-weight:600;line-height:18px}.detail:not(.paged) .back,.detail.paged [data-modes],.detail.paged [data-search-field]{display:none}.detail.paged .options{margin-left:auto}.glass{background:var(--glass);box-shadow:var(--glass-edge);backdrop-filter:blur(14px)saturate(1.5);border-radius:999px}.circle{width:36px;height:36px;color:var(--label);place-items:center;display:grid}.circle[aria-expanded=true],.circle[aria-pressed=true]{background:var(--glass-pressed)}.toolbar .options{margin-left:19px}[data-info-button]{margin-left:18px}.search{width:250px;height:36px;color:var(--label-2);align-items:center;gap:6px;margin-left:12px;padding:0 12px;display:flex}.search input{min-width:0;height:100%;color:var(--label);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--label-2)}.segmented{align-items:center;height:36px;padding:4px;display:flex;position:relative}.segmented button{height:28px;color:var(--label);border-radius:999px;place-items:center;display:grid;position:relative}.segmented.icons button{width:34px}.segmented.icons button+button:before{content:"";background:var(--separator);width:1px;height:16px;position:absolute;top:6px;left:-.5px}.segmented button[aria-pressed=true]:before,.segmented button[aria-pressed=true]+button:before{display:none}.segmented button[aria-pressed=true]{background:var(--glass-pressed)}.segmented.text button{padding:0 12px}.switch{vertical-align:middle;background:var(--switch-off);border-radius:999px;flex:none;width:26px;height:15px;transition:background .15s;display:inline-block;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:1.5px;left:1.5px;box-shadow:0 .5px 1px #0000004d}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(11px)}.switch[aria-checked=mixed]{background:rgba(var(--accent-rgb), .45)}.switch[aria-checked=mixed]:after{transform:translate(5.5px)}.tag{color:rgba(var(--tint), .9);background:rgba(var(--tint), .14);border-radius:999px;flex:none;padding:1.5px 5px;font-size:9px;font-weight:600;line-height:11px}.tag.blue{--tint:var(--accent-rgb)}.tag.red{--tint:255, 56, 60}.tag.orange{--tint:255, 141, 40}.push{background:var(--control);height:24px;box-shadow:var(--control-edge);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.push.prominent{background:var(--accent);box-shadow:none;color:#fff}.empty{text-align:center;min-height:100%;color:var(--label-2);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 40px 52px;display:flex}.empty .sym{margin-bottom:8px}.empty strong{color:var(--label);font-size:17px;line-height:22px}.empty p{max-width:300px;margin:0;line-height:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:12px;padding:16px;display:grid}.tile{background:var(--tile);border-radius:14px;outline:0;flex-direction:column;padding:14px;display:flex}.tile:hover{background:var(--tile-hover)}.tile[aria-selected=true]{background:rgba(var(--accent-rgb), .14);box-shadow:inset 0 0 0 2px var(--accent)}.tile-top{justify-content:space-between;align-items:center;min-height:15px;display:flex}.tile-top .switch{margin-left:auto}.tile-sample{height:calc(var(--size) * 3.4);white-space:nowrap;font-size:var(--size);justify-content:center;align-items:center;padding:0 8px;line-height:1.2;display:flex;overflow:hidden}.tile-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:15px;overflow:hidden}.tile-caption{color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;line-height:13px;overflow:hidden}.list{--columns:52px 220px minmax(160px, 1fr) 54px 110px 80px}.list-head,.list-row{grid-template-columns:var(--columns);align-items:center;gap:12px;padding:0 12px;display:grid}.list-head{z-index:2;background:var(--canvas);height:28px;box-shadow:0 1px 0 var(--separator);color:var(--label-2);font-size:11px;font-weight:600;line-height:13px;position:sticky;top:0}.list-head button{white-space:nowrap;align-items:center;gap:4px;height:28px;display:flex}.list-row{white-space:nowrap;height:30px;position:relative}.list-row:nth-child(2n):before{content:"";background:var(--stripe);position:absolute;inset:0}.list-row[aria-selected=true]:before{content:"";background:rgba(var(--accent-rgb), .25);border-radius:6px;position:absolute;inset:0 4px}.list-row>*{text-overflow:ellipsis;min-width:0;position:relative;overflow:hidden}.list-row .name{align-items:center;gap:6px;display:flex}.list-row .name span{text-overflow:ellipsis;overflow:hidden}.list-row .preview{height:22px;font-size:17px;line-height:22px}.list-row .secondary{color:var(--label-2);font-variant-numeric:tabular-nums}.specimens{flex-direction:column;gap:2px;padding:10px;display:flex}.spec{border-radius:10px;flex-direction:column;gap:8px;padding:14px 18px;display:flex}.spec[aria-selected=true]{background:rgba(var(--accent-rgb), .14)}.spec-head{white-space:nowrap;align-items:center;gap:8px;display:flex}.spec-head strong{font-size:13px;line-height:16px}.spec-head small{color:var(--label-2);margin-right:auto;padding-right:8px;font-size:10px;line-height:13px}.spec-sample{font-size:var(--size);white-space:nowrap;line-height:1.25;overflow:hidden}.spec-styles{color:var(--label-2);flex-wrap:wrap;gap:4px 14px;line-height:17px;display:flex}.spec-styles small{color:var(--label-3);align-self:center;font-size:10px}.fp-head{align-items:center;gap:20px;padding:20px 24px 16px;display:flex}.fp-head>div:first-child{min-width:0;margin-right:auto}.fp-name{white-space:nowrap;text-overflow:ellipsis;font-size:34px;line-height:41px;overflow:hidden}.fp-summary{color:var(--label-2);white-space:nowrap;margin-top:6px;font-size:12px;line-height:15px}.fp-actions{gap:8px;display:flex}.divider{background:var(--separator);height:1px}.tester{padding:0 24px}.tester-controls{align-items:center;gap:16px;padding-top:12px;display:flex}.tester-controls .spacer{margin-right:auto}.tester-controls .size{align-items:center;gap:8px;display:flex}.tester-controls .size>span{color:var(--label-2)}.tester-controls output{text-align:right;font-variant-numeric:tabular-nums;width:52px}.popup{background:var(--control);height:24px;box-shadow:var(--control-edge);border-radius:7px;align-items:center;gap:6px;padding:0 6px 0 10px;display:flex;position:relative}.popup select,.presets select{opacity:0;position:absolute;inset:0}.segmented.plain{background:var(--control);border-radius:999px;height:24px;padding:2px}.segmented.plain button{width:34px;height:20px}.segmented.plain button[aria-pressed=true]{background:var(--canvas);box-shadow:0 .5px 2px #0000002e}.tester-text{text-align:center;overflow-wrap:anywhere;cursor:text;-webkit-user-select:text;user-select:text;outline:0;min-height:280px;margin:20px 0;padding:0 5px;font-size:72px;line-height:1.2}.tester-text.left{text-align:left}.styles{padding:12px 24px 0}.style-row{border-top:1px solid var(--separator);grid-template-columns:minmax(0,1fr) 140px 56px 210px;align-items:center;gap:12px;padding:8px 0;display:grid}.style-row.head{color:var(--label-2);border:0;padding:6px 0;font-size:11px;font-weight:600;line-height:13px}.style-row:last-child{border-bottom:1px solid var(--separator)}.style-row>*{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.style-row .preview{font-size:20px;line-height:26px}.style-row .weight{color:var(--label-2);font-variant-numeric:tabular-nums}.style-row .status{color:var(--label-2);align-items:center;gap:8px;display:flex}.glyphs-head{align-items:baseline;gap:8px;padding:56px 24px 0;display:flex}.glyphs-head strong{font-size:17px;font-weight:600;line-height:22px}.glyphs-head span{color:var(--label-2);margin-right:auto;font-size:12px}.field{background:var(--canvas);width:280px;height:22px;color:var(--label);border:0;border-radius:6px;outline:0;align-self:center;padding:0 7px;box-shadow:inset 0 0 0 .5px #0003,inset 0 .5px 1px #0000000f}.field::placeholder{color:var(--label-3)}.block-head{z-index:2;background:var(--canvas);align-items:baseline;gap:4px;padding:12px 24px 8px;display:flex;position:sticky;top:0}.block-head strong{font-size:13px;line-height:16px}.block-head span{color:var(--label-2);font-size:12px}.cells{grid-template-columns:repeat(auto-fill,52px);gap:4px;padding:0 24px 4px;display:grid}.cell{background:var(--cell);border-radius:6px;place-items:center;width:52px;height:52px;font-size:26px;line-height:1;display:grid;overflow:hidden}.cell[aria-expanded=true]{background:var(--cell-open)}.glyph-pop{z-index:8;background:var(--popover);min-width:180px;max-width:260px;box-shadow:inset 0 0 0 .5px var(--separator), 0 12px 32px #0003;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;display:flex;position:absolute}.glyph-pop .big{font-size:96px;line-height:1.15}.glyph-pop span{font-size:12px;line-height:15px}.glyph-pop code{color:var(--label-2);font:12px ui-monospace,Menlo,monospace}.fp-end{height:24px}.popover{z-index:30;background:var(--popover);backdrop-filter:blur(30px)saturate(1.6);width:340px;box-shadow:inset 0 0 0 .5px var(--separator), 0 20px 50px #00000038;border-radius:18px;padding:12px;position:absolute;top:50px}.popover:before{content:"";top:-6px;left:var(--arrow,50%);background:var(--popover);width:14px;height:14px;box-shadow:inset .5px .5px 0 var(--separator);border-radius:3px 0 0;margin-left:-7px;position:absolute;transform:rotate(45deg)}.form-head{margin:4px 10px 6px;font-size:13px;font-weight:700;line-height:16px}.form{background:var(--form);border-radius:10px}.form+.form-head,.form+.form{margin-top:14px}.form-row{align-items:center;gap:10px;min-height:36px;margin:0 10px;display:flex}.form-row+.form-row{border-top:1px solid var(--separator)}.form-row>label{flex:none}.form-row input[type=text]{text-align:right;min-width:0;color:var(--label);background:0 0;border:0;outline:0;flex:1}.form-row input[type=text]::placeholder{color:var(--label-3)}.form-row output{text-align:right;font-variant-numeric:tabular-nums;width:52px}.presets{align-items:center;gap:4px;margin-left:auto;display:flex;position:relative}.range{-webkit-appearance:none;appearance:none;background:0 0;flex:1;min-width:0;height:18px;margin:0 0 0 auto}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,50%), var(--track) 0);border-radius:2px;height:4px}.range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--p,50%), var(--track) 0);border-radius:2px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-7px;box-shadow:0 0 0 .5px #0000001f,0 .5px 2px #0000004d}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 .5px #0000001f,0 .5px 2px #0000004d}.tester-controls .range{flex:none;width:160px}.info-panel{z-index:4;background:var(--panel);width:300px;box-shadow:inset 0 0 0 .5px var(--sidebar-edge);border-radius:20px;flex-direction:column;display:flex;position:absolute;top:52px;bottom:8px;right:8px;overflow:hidden}.info-panel>strong{padding:16px 16px 0;font-size:13px;line-height:16px}.info-panel .segmented.plain{align-self:center;margin:12px}.info-panel .segmented.plain button{width:auto;padding:0 14px}.info-scroll{scrollbar-width:none;border-top:1px solid var(--separator);flex:1;overflow:auto}.info-rows{flex-direction:column;gap:14px;padding:16px;display:flex}.info-rows small{color:var(--label-2);margin-bottom:2px;font-size:10px;line-height:13px;display:block}.info-rows div>span{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:12px;line-height:15px;display:block}.info-rows .push{height:20px;margin-top:6px;padding:0 8px;font-size:11px}.feature-form{padding:4px 12px 16px}.feature-form .form-head{color:var(--label-2);margin-top:12px;font-size:11px;font-weight:600}.feature-form .form-row{justify-content:space-between;min-height:32px}.toggle{background:var(--switch-off);border-radius:999px;flex:none;width:32px;height:19px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:1.5px;left:1.5px;box-shadow:0 .5px 1px #0000004d}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(13px)}.compare-window{z-index:2;width:760px;height:470px;top:150px;left:330px}.compare-window .toolbar{padding-left:18px}.compare-window .lights{margin-right:24px}.compare-window .content{padding:76px 24px 24px}.compare-window.entering{animation:.22s ease-out open}@keyframes open{0%{opacity:0;transform:scale(.97)}}.stacked{flex-direction:column;gap:20px;display:flex}.stacked .sample,.overlay-grid .sample{font-size:var(--size);white-space:nowrap;line-height:1.3}.caption{white-space:nowrap;align-items:center;gap:6px;margin-top:6px;display:flex}.caption strong{font-weight:600}.caption span{color:var(--label-2)}.caption button{color:var(--label-2);display:grid}.overlay-box{position:relative}.overlay-grid{align-items:baseline;padding-left:28px;display:grid}.overlay-grid .sample{opacity:.7;grid-area:1/1}.overlay-box i{height:1px;position:absolute}.mark{width:0;height:0;display:inline-block}.legend{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.legend .caption{background:var(--control);border-radius:999px;margin:0;padding:5px 10px;font-size:12px}.legend .dot{border-radius:50%;width:8px;height:8px}.window.inactive .lights i{background:#dcdcdc;box-shadow:inset 0 0 0 .5px #0000001f}.window.inactive .side-row .ico{color:var(--label-2)}.window.inactive .switch[aria-checked=true],.window.inactive .tile[aria-selected=true]{filter:saturate(.2)}.side-row .badge{color:var(--label-2);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.sym{width:var(--w);height:var(--h);-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;background:currentColor;flex:none;display:inline-block}.s-books-vertical{--w:19px;--h:17px;--m:url(/symbols/books.vertical.png)}.s-checkmark-circle{--w:15px;--h:15px;--m:url(/symbols/checkmark.circle.png)}.s-circle-dashed{--w:15px;--h:15px;--m:url(/symbols/circle.dashed.png)}.s-exclamationmark-triangle{--w:17px;--h:15px;--m:url(/symbols/exclamationmark.triangle.png)}.s-folder{--w:18px;--h:14px;--m:url(/symbols/folder.png)}.s-folder-badge-gearshape{--w:20px;--h:15px;--m:url(/symbols/folder.badge.gearshape.png)}.s-square-stack{--w:15px;--h:18px;--m:url(/symbols/square.stack.png)}.s-gearshape{--w:16px;--h:16px;--m:url(/symbols/gearshape.png)}.s-app-badge-checkmark{--w:17px;--h:16px;--m:url(/symbols/app.badge.checkmark.png)}.s-building-2{--w:16px;--h:17px;--m:url(/symbols/building.2.png)}.s-textformat{--w:18px;--h:12px;--m:url(/symbols/textformat.png)}.s-textformat-alt{--w:18px;--h:12px;--m:url(/symbols/textformat.alt.png)}.s-chevron-left-forwardslash-chevron-right{--w:21px;--h:15px;--m:url(/symbols/chevron.left.forwardslash.chevron.right.png)}.s-scribble-variable{--w:16px;--h:16px;--m:url(/symbols/scribble.variable.png)}.s-sparkles{--w:15px;--h:17px;--m:url(/symbols/sparkles.png)}.s-star-square-on-square{--w:17px;--h:16px;--m:url(/symbols/star.square.on.square.png)}.s-questionmark-square-dashed{--w:15px;--h:14px;--m:url(/symbols/questionmark.square.dashed.png)}.s-textformat-abc{--w:25px;--h:12px;--m:url(/symbols/textformat.abc.png)}.s-character-cursor-ibeam{--w:16px;--h:16px;--m:url(/symbols/character.cursor.ibeam.png)}.s-magnifyingglass{--w:16px;--h:15px;--m:url(/symbols/magnifyingglass.png)}.s-xmark-circle-fill{--w:15px;--h:15px;--m:url(/symbols/xmark.circle.fill.png)}.s-text-alignleft{--w:16px;--h:13px;--m:url(/symbols/text.alignleft.png)}.s-text-aligncenter{--w:16px;--h:13px;--m:url(/symbols/text.aligncenter.png)}.s-checkmark{--w:14px;--h:13px;--m:url(/symbols/checkmark.png)}.s-minus-circle{--w:15px;--h:15px;--m:url(/symbols/minus.circle.png)}.s-plus-circle{--w:15px;--h:15px;--m:url(/symbols/plus.circle.png)}.s-doc{--w:14px;--h:16px;--m:url(/symbols/doc.png)}.s-list-bullet{--w:21px;--h:14px;--m:url(/symbols/list.bullet.png)}.s-square-grid-2x2{--w:19px;--h:17px;--m:url(/symbols/square.grid.2x2.png)}.s-rectangle-grid-1x2{--w:22px;--h:17px;--m:url(/symbols/rectangle.grid.1x2.png)}.s-textformat-size{--w:23px;--h:14px;--m:url(/symbols/textformat.size.png)}.s-info-circle{--w:20px;--h:19px;--m:url(/symbols/info.circle.png)}.s-sidebar-left{--w:23px;--h:17px;--m:url(/symbols/sidebar.left.png)}.s-chevron-left{--w:12px;--h:16px;--m:url(/symbols/chevron.left.png)}.s-arrow-clockwise{--w:18px;--h:20px;--m:url(/symbols/arrow.clockwise.png)}.s-disclosure-right{--w:7px;--h:10px;--m:url(/symbols/disclosure-right.png)}.s-disclosure-down{--w:10px;--h:7px;--m:url(/symbols/disclosure-down.png)}.s-popup{--w:9px;--h:12px;--m:url(/symbols/popup.png)}.s-plus{--w:12px;--h:11px;--m:url(/symbols/plus.png)}.s-sort-up{--w:11px;--h:8px;--m:url(/symbols/sort-up.png)}.s-sort-down{--w:11px;--h:8px;--m:url(/symbols/sort-down.png)}.s-step-up{--w:10px;--h:6px;--m:url(/symbols/step-up.png)}.s-step-down{--w:10px;--h:6px;--m:url(/symbols/step-down.png)}.s-l-character-textbox{--w:58px;--h:41px;--m:url(/symbols/l-character.textbox.png)}.s-l-square-stack{--w:45px;--h:54px;--m:url(/symbols/l-square.stack.png)}.s-l-gearshape{--w:49px;--h:47px;--m:url(/symbols/l-gearshape.png)}.s-l-textformat{--w:55px;--h:34px;--m:url(/symbols/l-textformat.png)}.s-l-circle-dashed{--w:47px;--h:45px;--m:url(/symbols/l-circle.dashed.png)}.s-l-checkmark-circle{--w:47px;--h:45px;--m:url(/symbols/l-checkmark.circle.png)}.s-l-magnifyingglass{--w:48px;--h:44px;--m:url(/symbols/l-magnifyingglass.png)}.s-l-square-on-square{--w:52px;--h:46px;--m:url(/symbols/l-square.on.square.png)}.s-l-folder-badge-plus{--w:61px;--h:45px;--m:url(/symbols/l-folder.badge.plus.png)}.s-l-info-circle{--w:47px;--h:45px;--m:url(/symbols/l-info.circle.png)}.s-l-textformat-abc{--w:76px;--h:34px;--m:url(/symbols/l-textformat.abc.png)}.s-l-character-cursor-ibeam{--w:49px;--h:46px;--m:url(/symbols/l-character.cursor.ibeam.png)}.features{padding-bottom:clamp(80px,10vw,140px)}.features .lead{max-width:24ch;font:400 clamp(34px, 4.6vw, 60px)/1.04 var(--display);letter-spacing:-.015em;margin:0}.steps{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);margin-top:clamp(24px,4vw,48px);display:grid}.steps-visual{align-self:start;align-items:center;gap:20px;height:min(500px,50vw);display:flex;position:sticky;top:calc(50vh - min(250px,25vw))}.scene-panel{background:linear-gradient(#f1f0ec,#e6e5e0);border-radius:clamp(16px,2.4vw,28px);flex:1;height:100%;position:relative;overflow:hidden}.scene{visibility:hidden;opacity:0;pointer-events:none;place-items:center;transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .45s;display:grid;position:absolute;inset:0;transform:translateY(14px)scale(.985)}.scene.active{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .45s,transform .6s cubic-bezier(.2,.7,.2,1);transform:none}.dots{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dots li{background:var(--rule);border-radius:50%;width:6px;height:6px;transition:background .3s,height .3s}.dots li.on{background:var(--fg);border-radius:3px;height:18px}.steps-list{margin:0;padding:0;list-style:none}.step{opacity:.28;flex-direction:column;justify-content:center;min-height:62vh;padding:32px 0;transition:opacity .4s;display:flex;position:relative}.step.active{opacity:1}.step:first-child,.step:last-child{min-height:min(500px,50vw)}.step h3{color:var(--fg-3);margin:0 0 14px;font-size:13px;font-weight:400}.step .statement{font:400 clamp(28px, 2.8vw, 38px)/1.08 var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 14px}.step .text{max-width:34em;color:var(--fg-2);margin:0;font-size:16px}.step:not(:last-child){border-bottom:1px solid var(--rule)}.step-scene{display:none}.chips{flex-wrap:wrap;gap:6px;margin:22px 0 0;padding:0;list-style:none;display:flex}.chips li{height:30px;color:var(--fg-2);background:#1414130d;border-radius:999px;align-items:baseline;gap:7px;padding:0 12px;font-size:13px;line-height:30px;display:inline-flex}kbd{font-family:var(--ui);color:var(--fg);font-weight:500}.scene-fit{width:100%;height:100%;position:relative}.scene-fit>*{transform:translate(-50%, -50%) scale(var(--fit,1));position:absolute;top:50%;left:50%}@media (width<=900px){.steps{grid-template-columns:1fr}.steps-visual{display:none}.steps-list{padding:0}.step,.step:first-child,.step:last-child{opacity:1;min-height:0;padding:40px 0}.step-scene{background:linear-gradient(#f1f0ec,#e6e5e0);border-radius:18px;height:min(380px,80vw);margin-bottom:28px;display:block;position:relative;overflow:hidden}.step-scene .scene{visibility:visible;opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.scene,.step{transition:none}}.scene .window{position:absolute}.scene .window .content{padding-top:52px}.scene .toolbar .title{margin-right:auto}.scene .lights{margin-right:22px}.menu{z-index:20;backdrop-filter:blur(30px)saturate(1.8);visibility:hidden;opacity:0;transform-origin:0 0;background:#f6f6f6e6;border-radius:12px;min-width:230px;padding:5px;font-size:13px;line-height:16px;transition:opacity .18s,transform .18s,visibility 0s .18s;position:absolute;transform:scale(.98);box-shadow:inset 0 0 0 .5px #0000001f,0 10px 30px #0000002e,0 1px 3px #0000001a}.menu.open{visibility:visible;opacity:1;transition:opacity .18s,transform .18s;transform:none}.menu .item{white-space:nowrap;border-radius:6px;align-items:center;gap:8px;height:24px;padding:0 10px;display:flex}.menu .item kbd{font:13px var(--ui);color:var(--label-2);margin-left:auto;padding-left:24px}.menu .item .chev{color:var(--label-2);margin-left:auto}.menu .item.hot{background:var(--accent);color:#fff}.menu .item.hot kbd,.menu .item.hot .chev{color:#ffffffd9}.menu .item.off{color:var(--label-3)}.menu hr{background:var(--separator);border:0;height:1px;margin:5px 10px}.sheet-dim{z-index:15;background:#0000000f;position:absolute;inset:0}.sheet{z-index:16;background:#f7f7f7;border-radius:22px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000001f,0 20px 50px #00000038}.sheet .body{flex:1;padding:20px 20px 0;overflow:hidden}.sheet .foot{border-top:1px solid var(--separator);align-items:center;gap:8px;padding:14px 20px 16px;display:flex}.sheet .foot .note{color:var(--label-2);margin-right:auto}.group-box{background:#fff;border-radius:10px;box-shadow:inset 0 0 0 .5px #00000014}.group-box .row{align-items:center;gap:10px;min-height:36px;margin:0 12px;display:flex}.group-box .row+.row{border-top:1px solid var(--separator)}.group-box .row .value{color:var(--label-2);margin-left:auto}.group-head{margin:18px 12px 8px;font-weight:600}.chooser{border-radius:6px;align-items:center;gap:4px;height:22px;padding:0 4px 0 8px;display:inline-flex}.chooser .sym{color:var(--label-2)}.round{width:20px;height:20px;color:var(--label-2);place-items:center;display:grid}.caret{vertical-align:-3px;background:var(--accent);width:1px;height:15px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.scene-group{position:absolute}.ql{z-index:2;flex-direction:column;display:flex;box-shadow:0 0 0 .5px #0000002e,0 30px 70px -10px #00000059,0 10px 24px #0000001f}.ql-bar{flex:none;justify-content:center;align-items:center;height:28px;display:flex;position:relative}.ql-bar .lights{gap:7px;position:absolute;left:10px}.ql-bar .lights i{width:12px;height:12px}.ql-bar strong{font-size:11px;line-height:14px}.ql-body{flex:1;min-height:0;padding:12px 28px 0;overflow:hidden}.ql-sample{white-space:nowrap;align-items:center;height:120px;font-size:96px;line-height:1;display:flex;overflow:hidden}.ql-abc{white-space:nowrap;flex-direction:column;gap:4px;margin:6px 0 14px;font-size:24px;line-height:1.15;display:flex;overflow:hidden}.ql-abc>div{transform-origin:0}.ql-styles{padding-top:6px}.ql-styles div{white-space:nowrap;text-overflow:ellipsis;padding:5px 0;font-size:22px;line-height:1.2;overflow:hidden}.ql-foot{flex:none;align-items:center;gap:12px;height:36px;margin:0 12px 12px;padding:0 14px;font-size:12px;display:flex}.ql-foot span:first-child{min-width:0;color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.scene .scene-grid{--size:26px;grid-template-columns:repeat(2,minmax(0,1fr))}.scene .scene-grid .tile-sample{height:74px}.rule .number{text-align:right;background:#fff;border-radius:5px;width:40px;height:22px;padding:0 6px;line-height:22px;box-shadow:inset 0 0 0 .5px #0003}.rule .stepper{background:var(--control);width:14px;height:22px;box-shadow:var(--control-edge);color:var(--label-2);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.rule .buttons{gap:2px;margin-left:auto;display:flex}.rule .round.off{opacity:.4}.rule .round.pressed{color:var(--accent)}[data-name] .caret{background:var(--accent)}[data-name].typed{color:var(--label)}.toolbox-content{flex-direction:column;display:flex}.toolbox-controls{white-space:nowrap;align-items:center;gap:16px;padding:12px;display:flex}.toolbox-field{align-items:center;width:220px;display:flex}.toolbox-field .prompt{color:var(--label-3)}.stepper-row{align-items:center;gap:6px;display:flex}.stepper-row .stepper{background:var(--control);width:14px;height:22px;box-shadow:var(--control-edge);color:var(--label-2);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.stepper-row .stepper.pressed{color:var(--accent)}.check{align-items:center;gap:6px;display:flex}.check .box{background:#fff;border-radius:4px;width:14px;height:14px;box-shadow:inset 0 0 0 .5px #00000040,0 .5px 1px #0000001a}.toolbox-controls .summary{color:var(--label-2);font-variant-numeric:tabular-nums;margin-left:auto}.toolbox-empty{flex:1;min-height:0;padding-bottom:20px}.toolbox-list .list-head{position:static}.toolbox-list .list-row:nth-child(2n):before{background:0 0}.toolbox-list .list-row.odd:before{content:"";background:var(--stripe);position:absolute;inset:0}.toolbox-tabs{position:absolute;left:50%;transform:translate(-50%)}.problems{padding:52px 24px 24px}.problem-groups{flex-direction:column;gap:32px;padding-top:4px;display:flex}.problem-group{flex-direction:column;gap:12px;transition:opacity .3s,transform .3s;display:flex}.problem-group.gone{opacity:0;transform:translateY(-6px)}.problem-group h4{margin:0;font-size:17px;line-height:22px}.problem-group p{color:var(--label-2);margin:0;line-height:17px}.problems .card{background:#00000009;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:inset 0 0 0 .5px #0000000f}.card-head{align-items:flex-start;gap:12px;display:flex}.card-head>div{flex-direction:column;gap:3px;margin-right:auto;display:flex}.card-head strong{font-size:13px}.problems .file{border-top:1px solid var(--separator);align-items:flex-start;gap:12px;padding-top:12px;transition:opacity .3s;display:flex}.problems .file.gone{opacity:0}.problems .file>.sym{color:var(--label-2);margin-top:2px}.problems .file>div{flex-direction:column;gap:2px;margin-right:auto;display:flex}.problems .file b{font-weight:400}.problems .file small{color:var(--label-2);font-size:10px;line-height:13px}.fixes{gap:6px;display:flex}.push.small{border-radius:6px;height:20px;padding:0 8px;font-size:11px}.push.pressed{filter:brightness(.88)}