:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--accent:#0071e3;--accent-ink:#06c;--label:#1d1d1f;--label-2:#48484e;--label-3:#86868b;--surface:#f7f7f9cc;--surface-pop:#fafafceb;--inset:#ffffffd1;--fill:#7878801f;--fill-strong:#7878803d;--hairline:#0000001f;--sep:#3c3c4324;--thumb:#fff;--code-bg:#ffffff8c;--toast-bg:#1e1e22eb;--toast-fg:#f5f5f7;--bad:#d70015;--ok:#1f7a37;--warn:#9a4700;--shadow-panel:inset 0 .5px 0 #fff9, 0 1px 2px #0000000f, 0 8px 24px #0000001f, 0 24px 48px -16px #00000029;--shadow-pop:0 0 0 .5px #0000001a, 0 4px 12px #0000001a, 0 16px 40px #0000002e;--bar-h:52px;--ease:cubic-bezier(.22, .9, .3, 1);--checker:conic-gradient(#cfcfd4 25%, #fff 0 50%, #cfcfd4 0 75%, #fff 0) 0 0 / 8px 8px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent-ink:#66b3ff;--label:#f5f5f7;--label-2:#c7c7cf;--label-3:#8e8e96;--surface:#222226cc;--surface-pop:#28282cf0;--inset:#ffffff13;--fill:#7878803d;--fill-strong:#78788066;--hairline:#ffffff24;--sep:#ffffff1a;--thumb:#66666c;--code-bg:#00000038;--toast-bg:#fafafcf0;--toast-fg:#1d1d1f;--bad:#ff6961;--ok:#5fd37d;--warn:#ffb340;--shadow-panel:inset 0 .5px 0 #ffffff1f, 0 1px 2px #0000004d, 0 8px 24px #00000059, 0 24px 48px -16px #00000073;--shadow-pop:0 0 0 .5px #ffffff1f, 0 4px 12px #0006, 0 16px 40px #00000080;--checker:conic-gradient(#555 25%, #777 0 50%, #555 0 75%, #777 0) 0 0 / 8px 8px}}*{box-sizing:border-box}html,body{height:100%;color:var(--label);font:13px/1.35 var(--font);-webkit-font-smoothing:antialiased;background:#c9ced6;margin:0;overflow:hidden}#map{position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}input:focus-visible,textarea:focus-visible{outline-offset:0}[hidden]{display:none!important}h2,h3,h4,p{margin:0}kbd{font:500 11px var(--font);color:var(--label-2);letter-spacing:.02em}.mono{font:12px var(--mono);font-variant-numeric:tabular-nums}.hint{color:var(--label-2)}.ic{flex:none;display:block}.material{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%)}.icon-btn{width:28px;height:28px;color:var(--label-2);background:0 0;border:0;border-radius:7px;flex:none;place-items:center;transition:background .12s,color .12s;display:grid}.icon-btn:hover:not(:disabled){background:var(--fill);color:var(--label)}.icon-btn:active:not(:disabled){background:var(--fill-strong)}.icon-btn:disabled{opacity:.38;cursor:default}.icon-btn[aria-pressed=true]{color:var(--accent-ink)}.icon-btn.sm{border-radius:6px;width:22px;height:22px}.icon-btn.danger:hover:not(:disabled){color:var(--bad)}.btn{background:var(--fill);height:28px;color:var(--label);white-space:nowrap;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-weight:500;transition:background .12s,filter .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill-strong)}.btn:disabled{opacity:.4;cursor:default}.btn.sm{height:24px;padding:0 9px;font-size:12px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.btn.danger-fill{background:var(--bad);color:#fff}.link-btn{height:24px;color:var(--accent-ink);background:0 0;border:0;border-radius:6px;align-self:flex-start;align-items:center;gap:4px;padding:0 6px 0 4px;font-weight:500;display:inline-flex}.link-btn:hover{background:var(--fill)}.pill{background:var(--fill);height:22px;color:var(--accent-ink);border:0;border-radius:11px;padding:0 11px;font-size:12px;font-weight:500}.pill:hover{background:var(--fill-strong)}.sw{background:var(--checker);border-radius:6px;flex:none;width:22px;height:22px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #00000047}.sw>i{display:block;position:absolute;inset:0}.sw.none{box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#bar{z-index:30;height:var(--bar-h);border-bottom:.5px solid var(--hairline);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 12px;display:grid;position:fixed;inset:0 0 auto}.bar-l,.bar-r{align-items:center;gap:6px;min-width:0;display:flex}.bar-r{justify-content:flex-end}.mark{filter:drop-shadow(0 1px 1.5px #003ca04d);margin:0 4px 0 6px;display:grid}.name-wrap{min-width:72px;max-width:240px;display:inline-grid}.name-wrap:after{content:attr(data-v);visibility:hidden;white-space:pre;grid-area:1/1;padding:0 9px;font-size:14px;font-weight:600;overflow:hidden}#name{text-overflow:ellipsis;background:0 0;border:0;border-radius:7px;grid-area:1/1;width:0;min-width:100%;height:28px;padding:0 9px;font-size:14px;font-weight:600}#name:hover{background:var(--fill)}#name:focus{background:var(--fill);outline:2px solid var(--accent-ink);outline-offset:0}#drafts-btn{border-radius:6px;width:22px;height:22px;margin-left:-2px}#drafts-btn[aria-expanded=true]{background:var(--fill);color:var(--label)}#share[aria-expanded=true]{background:var(--fill-strong)}#save{justify-content:center;min-width:104px}#save:hover{background:var(--fill-strong);filter:none}#save[data-state=saved] #save-mark{color:var(--ok)}#save-mark{place-items:center;width:14px;display:inline-grid}#save[data-state=dirty] #save-mark:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}#save[data-state=saving] #save-mark:before{content:"";border:1.5px solid var(--fill-strong);border-top-color:var(--accent-ink);border-radius:50%;width:11px;height:11px;animation:.8s linear infinite spin}#save[data-state=conflict]{color:var(--bad)}#save[data-state=offline]{color:var(--warn)}#save[data-state=readonly]{color:var(--label-2)}#history-btn[aria-pressed=true]{background:var(--fill)}#publish .ic{margin-right:-1px}.panel{z-index:20;top:calc(var(--bar-h) + 12px);border:.5px solid var(--hairline);box-shadow:var(--shadow-panel);border-radius:14px;flex-direction:column;transition:transform .22s ease-out,opacity .22s ease-out,visibility;display:flex;position:fixed;bottom:12px;overflow:hidden}#sidebar{width:272px;left:12px}#inspector{width:304px;right:12px}body.no-sidebar #sidebar{opacity:0;visibility:hidden;transition:transform .22s ease-out,opacity .22s ease-out,visibility 0s .22s;transform:translate(calc(-100% - 16px))}body.no-inspector #inspector{opacity:0;visibility:hidden;transition:transform .22s ease-out,opacity .22s ease-out,visibility 0s .22s;transform:translate(calc(100% + 16px))}.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--fill-strong) transparent;flex:1;min-height:0;overflow-y:auto}#map>div[title]{transition:right .22s ease-out;bottom:12px!important;right:12px!important}body:not(.no-inspector) #map>div[title]{right:332px!important}.search{flex:none;align-items:center;margin:10px 10px 4px;display:flex;position:relative}.search input{background:var(--fill);border:0;border-radius:8px;width:100%;height:30px;padding:0 56px 0 30px;font-size:13px}.search input::placeholder{color:var(--label-2);opacity:.85}.search input::-webkit-search-cancel-button{display:none}.search-ic{color:var(--label-2);pointer-events:none;position:absolute;left:9px}.search-kbd{pointer-events:none;position:absolute;right:9px}.search .icon-btn{position:absolute;right:4px}.search input:not(:placeholder-shown)~.search-kbd{display:none}#sidebar .scroll{padding:2px 10px 14px}.side-h,.group>h3{letter-spacing:.05em;text-transform:uppercase;color:var(--label-2);margin:12px 8px 6px;font-size:11px;font-weight:600}.comp-list{flex-direction:column;gap:1px;display:flex}.comp{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;height:36px;padding:0 8px;display:flex}.comp:hover{background:var(--fill)}.comp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tile{background:var(--fill);width:24px;height:24px;color:var(--label-2);border-radius:6px;flex:none;place-items:center;display:grid}.strip{border-radius:5px;flex:none;width:48px;height:10px;margin-left:auto;display:flex;overflow:hidden;box-shadow:0 0 0 .5px #00000047}.strip>i{flex:1}.strip:empty{display:none}.comp[aria-current=true]{background:var(--accent);color:#fff}.comp[aria-current=true] .tile{color:#fff;background:#ffffff38}.comp[aria-current=true] .strip{box-shadow:0 0 0 1px #ffffffbf}.comp:focus-visible{outline-offset:-2px}.all-tokens{border-top:.5px solid var(--sep);margin-top:14px;padding-top:6px}.all-tokens>summary,#token-tree summary{cursor:pointer;border-radius:6px;align-items:center;gap:4px;height:28px;padding:0 6px;font-weight:500;list-style:none;display:flex}.all-tokens>summary::-webkit-details-marker{display:none}#token-tree summary::-webkit-details-marker{display:none}.all-tokens>summary:hover,#token-tree summary:hover{background:var(--fill)}details>summary .ic{color:var(--label-2);transition:transform .15s}details[open]>summary .ic{transform:rotate(90deg)}.branch{border-left:.5px solid var(--sep);margin-left:11px;padding-left:6px}.leaf{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;height:26px;padding:0 6px;display:flex}.leaf:hover{background:var(--fill)}.leaf .sw{border-radius:4px;width:14px;height:14px}.leaf-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaf .val{text-overflow:ellipsis;white-space:nowrap;max-width:96px;color:var(--label-2);font:11px var(--mono);margin-left:auto;overflow:hidden}.leaf[aria-current=true]{background:var(--accent);color:#fff}.leaf[aria-current=true] .val{color:#ffffffd9}.result-count{color:var(--label-2);margin:10px 8px 0;font-size:12px}.list{flex-direction:column;display:flex}.hit{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;width:100%;min-height:34px;padding:4px 8px;display:grid}.hit:hover,.hit:focus-visible{background:var(--fill)}.hit .sw{grid-row:1/3}.hit-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hit-path{color:var(--label-2);font:11px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capsule{white-space:nowrap;z-index:25;border:.5px solid var(--hairline);width:max-content;max-width:calc(100vw - 24px);height:30px;color:var(--label);border-radius:15px;align-items:center;gap:10px;padding:0 12px;display:flex;position:fixed;bottom:14px;left:50%;translate:-50%;box-shadow:0 1px 2px #00000014,0 4px 14px #0000001f}.apply{opacity:0;white-space:nowrap;max-width:0;color:var(--label-2);align-items:center;gap:6px;font-size:12px;transition:max-width .22s ease-out,opacity .18s;display:inline-flex;overflow:hidden}.apply[data-state=pending],.apply[data-state=done]{opacity:1;max-width:150px}.apply[data-state=idle]{margin-left:-10px}.spin{border:1.5px solid var(--fill-strong);border-top-color:var(--accent-ink);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.apply .ok{color:var(--ok)}.apply[data-state=pending] .ok,.apply[data-state=done] .spin{display:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}}#props{padding:2px 12px 18px}.insp-head{align-items:center;gap:10px;padding:14px 4px 4px;display:flex}.insp-head .tile{background:var(--accent);color:#fff;border-radius:8px;width:32px;height:32px}.insp-head h2{font-size:15px;font-weight:600;line-height:1.2}.insp-sub{color:var(--label-2);margin-top:1px;font-size:12px}.empty{text-align:center;color:var(--label-2);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.inset{background:var(--inset);box-shadow:0 0 0 .5px var(--hairline);border-radius:10px}.row{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;min-height:32px;padding:5px 10px 5px 22px;transition:background .4s;display:grid;position:relative}.row+.row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:22px;right:0}.row.flash{background:color-mix(in srgb, var(--accent) 18%, transparent);border-radius:10px}.row-label{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:16px;display:-webkit-box;overflow:hidden}.ctl{justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.row.stacked{grid-template-columns:minmax(0,1fr);row-gap:7px;padding-bottom:9px}.row.stacked .ctl{justify-content:stretch}.row.stacked .dot{top:16px}.row.stacked>.ctl>.stops{width:100%}.dot{width:20px;height:20px;color:var(--accent-ink);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:2px;translate:0 -50%}.dot-mark{background:var(--accent);border-radius:50%;width:6px;height:6px}.dot svg,.row:hover .dot-mark,.dot:focus-visible .dot-mark{display:none}.row:hover .dot svg,.dot:focus-visible svg{display:block}.dot:hover{background:var(--fill)}.well{background:0 0;border:0;border-radius:6px;flex:none;padding:0;display:block}.well[aria-expanded=true] .sw{box-shadow:0 0 0 2px var(--accent-ink)}.hex,.num,.txt{background:var(--fill);border:0;border-radius:6px;min-width:0;height:24px;padding:0 7px}.hex{width:92px;font:11.5px var(--mono);text-overflow:ellipsis;flex:0 92px}.num{text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;width:56px}.num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.txt{width:120px}.sel{background:var(--fill);min-width:0;max-width:150px;height:24px;color:inherit;font:inherit;border:0;border-radius:6px;padding:0 7px}.sel:focus{background:var(--fill-strong)}.row.baked .row-label{-webkit-line-clamp:unset;display:block;overflow:visible}.row-baked{color:var(--label-2);margin-top:1px;font-size:11px;line-height:14px;display:block}.hex:focus,.num:focus,.txt:focus{background:var(--fill-strong)}.bad{color:var(--bad)}input.bad{outline:1.5px solid var(--bad);outline-offset:0}.range{appearance:none;--fill:50%;background:0 0;width:70px;height:20px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), var(--fill-strong) var(--fill));border-radius:2px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 .5px #0000004d,0 1px 3px #0000004d}.range::-moz-range-track{background:var(--fill-strong);border-radius:2px;height:4px}.range::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 .5px #0000004d,0 1px 3px #0000004d}.switch{background:var(--fill-strong);border:0;border-radius:11px;width:38px;height:22px;padding:0;transition:background .2s;position:relative}.switch>i{width:18px;height:18px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]>i{transform:translate(16px)}.stops{flex-direction:column;gap:4px;min-width:0;display:flex}.stops-track{height:26px;margin:0 8px;position:relative}.stops-grad{background:var(--checker);border-radius:7px;position:absolute;inset:6px -8px;overflow:hidden;box-shadow:inset 0 0 0 .5px #00000047}.stops-grad:after{content:"";background:var(--g);position:absolute;inset:0}.stops-bar{position:absolute;inset:0}.stop-handle{cursor:grab;touch-action:none;border:2.5px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;padding:0;position:absolute;top:50%;box-shadow:0 0 0 .5px #0006,0 1px 4px #00000059}.stop-handle:active{cursor:grabbing}.stop-handle.active{box-shadow:0 0 0 2px var(--accent-ink), 0 1px 4px #00000059;z-index:1}.stops-ticks{color:var(--label-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin:-2px 4px 2px;font-size:10px;display:flex}.stop-row{border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 4px;display:grid}.stop-row.active{background:var(--fill)}.stepper{background:var(--fill);border-radius:6px;align-items:center;height:24px;display:inline-flex}.step{width:22px;height:24px;color:var(--label-2);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.step:hover{background:var(--fill-strong);color:var(--label)}.stepper .num{text-align:center;background:0 0;width:38px;padding:0}.stop-color{align-items:center;gap:6px;min-width:0;display:flex}.stop-color .hex{flex:1 1 0;width:auto}.stops>.link-btn{margin-top:2px}.row.stacked .row-x{position:absolute;top:5px;right:6px}.row.stacked .row-label{padding-right:24px}.pop{z-index:60;border:.5px solid var(--hairline);background:var(--surface-pop);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);box-shadow:var(--shadow-pop);color:var(--label);opacity:0;transform-origin:top;transition:opacity .14s ease-out, transform .14s var(--ease);border-radius:12px;outline:none;position:fixed;transform:translateY(-4px)scale(.985)}.pop[data-place=above]{transform-origin:bottom;transform:translateY(4px)scale(.985)}.pop.open{opacity:1;transform:none}.menu{flex-direction:column;min-width:216px;padding:5px;display:flex}.menu-item{text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--accent);color:#fff;outline:none}.menu-item:hover kbd,.menu-item:focus-visible kbd{color:#ffffffd9}.menu-item.danger{color:var(--bad)}.menu-ic{width:16px;color:inherit;place-items:center;display:grid}.menu-label{flex:1}.menu-sep{background:var(--sep);height:.5px;margin:5px 8px}.cp{flex-direction:column;gap:10px;width:248px;padding:12px;display:flex}.cp h4{color:var(--label-2);letter-spacing:.05em;text-transform:uppercase;margin:2px 0 -4px;font-size:11px;font-weight:600}.cp-sv{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue));touch-action:none;cursor:crosshair;border-radius:8px;height:148px;position:relative;box-shadow:inset 0 0 0 .5px #00000040}.cp-thumb{pointer-events:none;border:2.5px solid #fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 .5px #00000073,0 1px 4px #0006}.cp-hue .cp-thumb,.cp-alpha .cp-thumb{top:50%}.cp-row{align-items:center;gap:10px;display:flex}.cp-sliders{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.cp-hue,.cp-alpha{touch-action:none;cursor:pointer;border-radius:6px;height:12px;position:relative;box-shadow:inset 0 0 0 .5px #00000040}.cp-hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.cp-alpha{background:var(--checker)}.cp-fill{border-radius:inherit;background:linear-gradient(to right, rgba(var(--rgb), 0), rgb(var(--rgb)));position:absolute;inset:0}.cp-preview{background:var(--checker);border-radius:50%;flex:none;grid-template-columns:1fr 1fr;width:28px;height:28px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000004d}.cp-hex{background:var(--fill);min-width:0;height:28px;font:12.5px var(--mono);border:0;border-radius:7px;flex:1;padding:0 9px}.cp-hex:focus{background:var(--fill-strong)}.cp-swatches{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;background:var(--checker);border:0;border-radius:6px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000004d}.swatch>i{width:100%;height:100%;display:block}.swatch:hover{box-shadow:0 0 0 2px var(--accent-ink)}.cp-swatches .hint{grid-column:1/-1;font-size:12px}.drafts-body{width:300px;padding:6px}.drafts-body header{justify-content:space-between;align-items:center;padding:4px 6px 6px;display:flex}.drafts-body h3{letter-spacing:.05em;text-transform:uppercase;color:var(--label-2);font-size:11px;font-weight:600}.draft-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.draft{border-radius:8px;align-items:center;min-height:44px;display:flex;position:relative}.draft:hover{background:var(--fill)}.draft-open{text-align:left;background:0 0;border:0;border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;padding:5px 6px;display:flex}.draft-check{width:16px;color:var(--accent-ink);flex:none}.draft-text{flex-direction:column;min-width:0;display:flex}.draft-text b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.draft-text small{color:var(--label-2);font-variant-numeric:tabular-nums;font-size:11.5px}.draft-actions{opacity:0;gap:2px;padding-right:4px;display:flex}.draft:hover .draft-actions,.draft:focus-within .draft-actions,.draft-actions.on{opacity:1}.draft-confirm{flex:1;padding:0 8px}.pad{padding:10px 8px}.confirm-body{flex-direction:column;gap:6px;width:276px;padding:14px;display:flex}.confirm-body h4{font-size:13px}.confirm-body p{color:var(--label-2);font-size:12.5px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.sheet{background:var(--surface-pop);width:min(760px,100vw - 32px);max-width:none;height:min(620px,100vh - 64px);max-height:none;color:var(--label);-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);box-shadow:var(--shadow-pop), 0 32px 80px #0000004d;border:0;border-radius:16px;padding:0;overflow:hidden}.sheet[open]{animation:sheet-in .24s var(--ease);flex-direction:column;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d}.sheet header{border-bottom:.5px solid var(--sep);flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 14px 12px 20px;display:flex}.sheet h2{font-size:16px;font-weight:600}.sheet-sub{color:var(--label-2);margin-top:2px;font-size:12.5px}.editor{background:var(--code-bg);flex:1;min-height:0;display:flex;position:relative}.gutter{border-right:.5px solid var(--sep);width:54px;color:var(--label-3);font:12px/18px var(--mono);text-align:right;-webkit-user-select:none;user-select:none;flex:none;margin:0;padding:12px 10px 12px 8px;overflow:hidden}.code{resize:none;white-space:pre;tab-size:2;min-width:0;font:12px/18px var(--mono);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:12px;overflow:auto}.band{background:color-mix(in srgb, var(--bad) 18%, transparent);pointer-events:none;height:18px;position:absolute;top:0;left:0;right:0}.sheet footer{border-top:.5px solid var(--sep);flex:none;align-items:center;gap:8px;padding:12px 16px;display:flex}.sheet-status{min-width:0;color:var(--ok);flex:1;align-items:center;gap:6px;font-size:12.5px;display:flex}.sheet-status.bad{color:var(--bad)}.sheet-status svg{flex:none}.sheet .btn.primary kbd{color:#fffc;margin-left:4px}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.toasts{z-index:70;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:56px;left:50%;translate:-50%}.toast{pointer-events:auto;background:var(--toast-bg);max-width:min(520px,100vw - 32px);color:var(--toast-fg);animation:toast-in .26s var(--ease);border-radius:14px;align-items:center;gap:8px;padding:9px 15px 9px 12px;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 4px 18px #00000047}.toast svg{color:#6fdc8c}.toast.bad svg{color:#ff8a82}@media (prefers-color-scheme:dark){.toast svg{color:#1f7a37}.toast.bad svg{color:#d70015}}.toast.out{opacity:0;transform:translateY(6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (max-width:759px){:root{--bar-h:52px}#bar{grid-template-columns:minmax(0,1fr) auto;padding:0 10px}.mark,.btn-t,#save-text{display:none}#save,#share,#publish{justify-content:center;width:28px;min-width:0;padding:0}.name-wrap{min-width:40px;max-width:110px}.panel,#sidebar,#inspector,#history{border-radius:16px 16px 0 0;width:auto;height:min(58vh,520px);inset:auto 0 0}body.no-sidebar #sidebar,body.no-inspector #inspector{transform:translateY(105%)}.capsule{bottom:auto;top:calc(var(--bar-h) + 8px)}.toasts{bottom:auto;top:calc(var(--bar-h) + 48px)}.pop[data-place=beside]{justify-content:center;width:auto;display:flex;bottom:12px;right:12px;top:auto!important;left:12px!important}.sheet{border-radius:0;width:100vw;height:100vh;max-height:none}#map>div[title]{display:none}}#history{z-index:21;width:328px;right:12px}body.has-history #inspector{visibility:hidden}body.has-history:not(.no-inspector) #map>div[title]{right:352px!important}.vers-head{flex:none;justify-content:space-between;align-items:center;padding:12px 10px 4px 16px;display:flex}.vers-head h2{font-size:15px;font-weight:600}.vers{flex-direction:column;gap:8px;padding:4px 10px 14px;display:flex}.ver{background:var(--inset);box-shadow:0 0 0 .5px var(--hairline);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.draft-ver{background:color-mix(in srgb, var(--accent) 9%, var(--inset))}.ver-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ver-top b{margin-right:2px;font-size:13.5px;font-weight:600}.ver-note{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ver-meta{color:var(--label-2);font-variant-numeric:tabular-nums;font-size:12px}.ver-actions{align-items:center;gap:6px;margin-top:4px;display:flex}.ver-actions .icon-btn{margin-left:auto}.badge{background:var(--fill);height:18px;color:var(--label-2);white-space:nowrap;border-radius:9px;align-items:center;padding:0 7px;font-size:11px;font-weight:600;display:inline-flex}.badge.production{background:color-mix(in srgb, var(--ok) 20%, transparent);color:var(--ok)}.badge.staging{background:color-mix(in srgb, var(--warn) 20%, transparent);color:var(--warn)}.badge.dirty{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent-ink)}.badges{gap:4px;margin-top:2px;display:flex}.vdiff,.release-diff{scrollbar-width:thin;max-height:260px;margin-top:6px;overflow-y:auto}.vdiff-h{color:var(--label-2);padding:8px 10px 2px;font-size:12px}.diff{flex-direction:column;display:flex}.drow{text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12.5px;display:grid}button.drow:hover{background:var(--fill)}.drow+.drow{border-top:.5px solid var(--sep)}.dl{flex-direction:column;min-width:0;display:flex}.dl b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.dl small{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.dvs{align-items:center;gap:5px;display:flex}.dv{align-items:center;gap:4px;display:inline-flex}.dv .sw{border-radius:4px;width:14px;height:14px}.dv .mono{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:11px;overflow:hidden}.arrow{color:var(--label-3)}#preview-bar.capsule{bottom:auto;top:calc(var(--bar-h) + 12px);border-radius:20px;gap:12px;height:40px;padding:0 6px 0 16px}.pv-text{text-overflow:ellipsis;white-space:nowrap;max-width:340px;overflow:hidden}.pv-note{color:var(--label-2)}body.previewing #inspector{opacity:.55}.pop.wide .confirm-body{width:340px}.draft-text small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.drafts-body{width:360px}.drafts-body footer{border-top:.5px solid var(--sep);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:4px;padding:6px 4px 2px;display:flex}.list-tools{padding:0 6px 6px}.list-search{background:var(--fill);border:0;border-radius:7px;width:100%;height:28px;padding:0 9px}.list-search::-webkit-search-cancel-button{display:none}.new-style{flex-direction:column;gap:10px;width:340px;padding:8px;display:flex}.new-style footer{border:0;justify-content:flex-end;gap:8px}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--label-2);font-size:12px;font-weight:500}.choices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.choice{background:var(--fill);text-align:left;border:0;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;font-weight:500;display:flex}.choice[aria-checked=true]{background:color-mix(in srgb, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.dots{flex:none;margin-right:4px;display:inline-flex}.dots i{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--surface-pop);border-radius:50%;margin-right:-4px}.choices:has(.dots)+*{margin-top:0}.sheet.publish,.sheet.login{width:min(520px,100vw - 32px);height:-moz-fit-content;height:fit-content;max-height:min(680px,100vh - 64px)}.sheet.login{width:min(400px,100vw - 32px)}.publish-body{flex-direction:column;flex:0 auto;gap:10px;min-height:0;padding:4px 20px 16px;display:flex;overflow-y:auto}.publish-body .side-h{margin:8px 0 0}.publish-diff{max-height:210px;overflow-y:auto}.note-input{background:var(--fill);resize:vertical;border:0;border-radius:8px;width:100%;min-height:64px;padding:8px 10px}.check{align-items:flex-start;gap:8px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:2px 0 0}.check small{color:var(--label-2);font-size:12px;display:block}.login-form{flex-direction:column;display:flex}.login-fields{flex-direction:column;gap:10px;padding:14px 20px 6px;display:flex}.login-fields input{background:var(--fill);border:0;border-radius:8px;height:34px;padding:0 11px}.login-form footer{justify-content:flex-end;padding:12px 20px 16px;display:flex}.settings .fact{grid-template-columns:minmax(0,1fr) auto;padding-left:12px}.fact-v{font-weight:500}.fact-note{color:var(--label-2);margin:5px 8px 0;font-size:11.5px}#docs{z-index:22;width:min(460px,100vw - 24px);right:12px}body.has-docs #inspector,body.has-docs #history{visibility:hidden}#help-btn[aria-expanded=true],body.has-docs #help-btn{background:var(--fill)}.docs-nav{border-bottom:.5px solid var(--hairline);flex-wrap:wrap;flex:none;gap:6px;padding:2px 14px 10px;display:flex}.docs-chip{background:var(--fill);height:26px;color:var(--label);border:0;border-radius:13px;padding:0 10px;font-size:12px;font-weight:500}.docs-chip:hover{background:var(--fill-strong)}.docs-chip[aria-current=true]{background:var(--accent);color:#fff}.docs-body{padding:4px 18px 28px;font-size:13px;line-height:1.5}.docs-sec{padding-top:14px}.docs-sec+.docs-sec{border-top:.5px solid var(--hairline);margin-top:10px}.docs-sec h3{margin-bottom:6px;scroll-margin-top:8px;font-size:15px;font-weight:650}.docs-sec h3:focus{outline:none}.md h4,.md h5,.md h6{margin:12px 0 4px;font-size:13px;font-weight:600}.md p,.md ul,.md ol,.md pre,.md .md-table,.md blockquote{margin:6px 0}.md ul,.md ol{padding-left:20px}.md li{margin:2px 0}.md code{font:12px var(--mono);background:var(--fill);overflow-wrap:anywhere;border-radius:4px;padding:1px 4px}.md pre{background:var(--inset);box-shadow:0 0 0 .5px var(--hairline);border-radius:8px;padding:10px 12px;overflow-x:auto}.md pre code{white-space:pre;overflow-wrap:normal;background:0 0;padding:0}.md .md-table{overflow-x:auto}.md table{border-collapse:collapse;font-size:12.5px}.md th,.md td{text-align:left;vertical-align:top;border-bottom:.5px solid var(--hairline);padding:4px 8px}.md th{color:var(--label-2);font-weight:600}.md a{color:var(--accent-ink)}.md blockquote{border-left:3px solid var(--fill-strong);color:var(--label-2);padding-left:10px}@media (max-width:759px){#docs{border-radius:16px 16px 0 0;width:auto;height:min(70vh,620px);inset:auto 0 0}}