:root{--canvas:#0e0e0d;--dot:#ffffff13;--panel:#161615;--panel-strong:#1d1d1c;--field:#111110;--ink:#f1f0eb;--ink-hover:#fff;--on-ink:#111110;--ink-soft:#cfcdc5;--muted:#7d7c75;--muted-strong:#a8a69e;--line:#ffffff17;--line-strong:#fff3;--logo-filter:invert(1);--scrim:#08080799;--shadow:0 24px 80px #00000073;--shadow-sm:0 12px 40px #00000059;--shadow-xs:0 1px 2px #0000004d, 0 6px 20px #00000038;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:14px;--radius-sidebar:10px;--gutter:12px;--sidebar-w:236px;--sidebar-collapsed-w:60px;--topbar-h:60px;--page-x:0px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--canvas:#f2f1ed;--dot:#0000001a;--panel:#fbfaf7;--panel-strong:#fff;--field:#f4f3ef;--ink:#161615;--ink-hover:#000;--on-ink:#f6f5f1;--ink-soft:#3d3c38;--muted:#7b7a73;--muted-strong:#5c5b55;--line:#00000017;--line-strong:#00000038;--logo-filter:none;--scrim:#14141266;--shadow:0 24px 80px #1414122e;--shadow-sm:0 12px 40px #1414121f;--shadow-xs:0 1px 2px #1414120a, 0 6px 20px #1414120d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--canvas:#f2f1ed;--dot:#0000001a;--panel:#fbfaf7;--panel-strong:#fff;--field:#f4f3ef;--ink:#161615;--ink-hover:#000;--on-ink:#f6f5f1;--ink-soft:#3d3c38;--muted:#7b7a73;--muted-strong:#5c5b55;--line:#00000017;--line-strong:#00000038;--logo-filter:none;--scrim:#14141266;--shadow:0 24px 80px #1414122e;--shadow-sm:0 12px 40px #1414121f;--shadow-xs:0 1px 2px #1414120a, 0 6px 20px #1414120d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}
@font-face{font-family:General Sans;src:url(/assets/general-sans-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/assets/general-sans-medium.woff2)format("woff2");font-style:normal;font-weight:500 800;font-display:swap}*{box-sizing:border-box}html{background:var(--canvas);overscroll-behavior:none}body{color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;font-family:General Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.5}body:before{--dot-inset:calc(var(--gutter) / 2);z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(var(--dot) .8px, transparent 1.3px);background-size:var(--dot-w,16px) var(--dot-h,16px);background-position:calc(var(--dot-inset) - var(--dot-w,16px) / 2) calc(var(--dot-inset) - var(--dot-h,16px) / 2);position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img,video{max-width:100%;display:block}::selection{color:var(--on-ink);background:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.btn{white-space:nowrap;height:36px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12px;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--panel-strong);border-color:var(--line-strong)}.btn:disabled{cursor:default;opacity:.55}.btn svg{flex:none}.btn-primary{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.btn-primary:hover{color:var(--on-ink);background:var(--ink-hover);border-color:var(--ink-hover)}.btn-ghost{color:var(--muted-strong);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--ink);background:var(--panel-strong);border-color:#0000}.btn-sm{height:30px;padding:0 10px;font-size:11px}.btn-icon{width:32px;height:32px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.btn-block{width:100%}.btn.is-busy svg{animation:.8s linear infinite spin}.field{height:36px;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.field>svg{color:var(--muted);flex:none}.field:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 6%, transparent)}.field input,.field select,.field textarea{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field-label{color:var(--muted);font-size:11px}.field.textarea{height:auto;padding:10px}.field.textarea textarea{resize:vertical;min-height:96px;line-height:1.5}.field.is-readonly{color:var(--muted)}.seg{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:3px;display:inline-flex}.seg button{white-space:nowrap;height:28px;color:var(--muted-strong);border-radius:var(--radius-xs);background:0 0;border:0;align-items:center;gap:6px;padding:0 11px;font-size:11.5px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button.active{color:var(--ink);background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--line)}.seg.scroll{scrollbar-width:none;max-width:100%;overflow:auto}.seg.scroll::-webkit-scrollbar{display:none}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:border-color .15s}.card.hoverable:hover{border-color:var(--line-strong)}.tag{white-space:nowrap;color:var(--muted-strong);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-xs);padding:4px 7px;font-size:10.5px;display:inline-flex}.tag-row{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.label{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:500}.muted{color:var(--muted)}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 20px;display:flex}.page-head h1{letter-spacing:-.025em;font-size:26px;font-weight:500;line-height:1.15}.page-head p{color:var(--muted);margin-top:6px;font-size:13px}.page-head-actions{flex:none;align-items:center;gap:8px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.switch{cursor:pointer;flex:none}.switch input{opacity:0;position:absolute}.switch span{background:var(--field);border:1px solid var(--line-strong);border-radius:20px;width:38px;height:22px;transition:background .18s;display:block;position:relative}.switch span:after{content:"";background:var(--muted-strong);width:14px;height:14px;transition:transform .18s var(--ease), background .18s ease;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--ink);border-color:var(--ink)}.switch input:checked+span:after{background:var(--on-ink);transform:translate(16px)}.switch input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.toggle{background:var(--field);border:1px solid var(--line-strong);cursor:pointer;border-radius:20px;flex:none;width:38px;height:22px;padding:0;position:relative}.toggle:before{content:"";background:var(--ink);opacity:0;border-radius:20px;transition:opacity .18s;position:absolute;inset:-1px}.toggle[data-on]:before{opacity:1}.toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.toggle-knob{will-change:transform;width:14px;height:14px;position:absolute;top:3px;left:3px}.toggle-knob>i{background:var(--muted-strong);will-change:transform;width:14px;height:14px;position:absolute;top:0;left:0}.toggle-knob>i:after{content:"";background:var(--on-ink);border-radius:inherit;opacity:0;transition:opacity .18s;position:absolute;inset:-1px}.toggle[data-on] .toggle-knob>i:after{opacity:1}.toggle-knob>.toggle-cap{border-radius:50%}.toggle-knob>.toggle-bar{transform-origin:0;left:7px;transform:scaleX(0)}.empty{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:32px;display:flex}.empty>span{width:44px;height:44px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.empty h2{letter-spacing:-.02em;margin-top:16px;font-size:17px;font-weight:500}.empty p{max-width:360px;color:var(--muted);margin:6px 0 0;font-size:12.5px}.empty .btn{margin-top:18px}.notice{color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-sm);align-items:center;gap:8px;margin:0 0 16px;padding:10px 12px;font-size:12px;display:flex}.error-text{color:var(--ink-soft);font-size:12px;line-height:1.45}.status{height:26px;color:var(--muted-strong);background:var(--field);border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:0 9px 0 8px;font-size:11.5px;font-weight:500;display:inline-flex}.status:before{content:"";border:1px solid var(--muted-strong);border-radius:50%;width:7px;height:7px}.avatar{width:28px;height:28px;color:var(--ink);background:var(--panel-strong);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:10.5px;font-weight:600;display:grid}.scrim{z-index:100;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.15s both fade;display:flex;position:fixed;inset:0}.scrim.top{justify-content:center;align-items:flex-start;padding:12vh 16px 16px}.scrim.center{justify-content:center;align-items:center;padding:16px}.dialog{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(520px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);animation:rise .24s var(--ease) both;overflow:auto}.dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 0;display:flex}.dialog-head h2{letter-spacing:-.02em;font-size:17px;font-weight:500}.dialog-head p{color:var(--muted);margin-top:3px;font-size:12.5px}.dialog-body{flex-direction:column;gap:12px;padding:18px 20px 20px;display:flex}.dialog-body label{flex-direction:column;gap:6px;display:flex}.dialog-foot{flex-direction:column;gap:10px;padding:0 20px 20px;display:flex}.dialog-foot small{color:var(--muted);text-align:center;font-size:11px}@media (max-width:650px){.page-head{flex-direction:column;align-items:flex-start;gap:14px}.page-head h1{font-size:22px}}
.app-frame{min-height:100vh}.shell-bare{place-items:center;min-height:100vh;padding:24px;display:grid}.sidebar-layer{top:calc(var(--topbar-h) + var(--gutter));bottom:var(--gutter);left:var(--gutter);z-index:40;width:calc(var(--sidebar-w) + 320px);pointer-events:none;view-transition-name:sidebar;position:fixed}.sidebar{width:var(--sidebar-w);color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sidebar);box-shadow:var(--shadow-xs);pointer-events:auto;transition:width .26s var(--ease), transform .26s var(--ease);flex-direction:column;padding:10px;display:flex;position:absolute;top:0;bottom:0;left:0}::view-transition{pointer-events:none}::view-transition-group(*){pointer-events:none}::view-transition-image-pair(*){pointer-events:none}::view-transition-old(*){pointer-events:none}::view-transition-new(*){pointer-events:none}::view-transition-group(sidebar){mix-blend-mode:normal;animation:none}::view-transition-old(sidebar){mix-blend-mode:normal;animation:none}::view-transition-new(sidebar){mix-blend-mode:normal;animation:none}::view-transition-group(sidebar){z-index:10}:root[data-boot] .sidebar,:root[data-boot] .sidebar *,:root[data-boot] .sidebar :before,:root[data-boot] .sidebar :after,:root[data-boot] .app-stage{transition:none!important}.sidebar-head{height:28px;transition:padding .26s var(--ease);justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 4px 0 10px;display:flex;position:relative}.sidebar-head .nav-label{margin:0;transition:opacity .16s 70ms,color .16s}.sidebar-head .btn{margin-left:auto}.sidebar-toggle{color:var(--muted)}.sidebar-toggle:hover{color:var(--ink)}.side-nav{flex-direction:column;gap:2px;display:flex}.nav-label{height:16px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:16px 10px 6px;font-size:10.5px;font-weight:500;line-height:16px;transition:color .16s;position:relative}.nav-label:after{content:"";background:var(--line);opacity:0;width:22px;height:1px;transition:opacity .2s;position:absolute;top:50%;left:-2px}.sidebar-head .nav-label:after{display:none}.nav-item{height:36px;color:var(--muted-strong);border-radius:var(--radius-sm);white-space:nowrap;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 10px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:grid;position:relative}.nav-item:hover{color:var(--ink);background:var(--panel-strong)}.nav-item[aria-current=page]{color:var(--ink);background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--line)}.nav-item>svg{justify-self:center}.nav-item span,.nav-item small{white-space:nowrap;transition:opacity .18s ease 70ms, transform .26s var(--ease) 70ms;overflow:hidden}.nav-item small{color:var(--muted);font-size:11px}button.nav-item{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.nav-item.is-bumping>svg{animation:nav-icon-pop .62s var(--ease) both}.nav-item.is-bumping small{animation:nav-count-pop .42s var(--ease) both}.nav-item.is-bumping:after{content:"";border-radius:inherit;pointer-events:none;animation:.62s ease-out both nav-ring-pulse;position:absolute;inset:-1px}@keyframes nav-icon-pop{0%{transform:scale(1)}35%{transform:scale(1.45)rotate(-12deg)}65%{transform:scale(.92)rotate(6deg)}to{transform:none}}@keyframes nav-count-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes nav-ring-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--ink) 45%, transparent)}to{box-shadow:0 0 0 10px #0000}}.sidebar-foot{flex-direction:column;gap:6px;margin-top:auto;display:flex;position:relative}.sidebar-foot .side-nav{margin-bottom:6px}.account-wrap{position:relative}.account-row{text-align:left;width:100%;height:46px;color:var(--ink);border-radius:var(--radius-sm);transition:width .26s var(--ease), height .26s var(--ease), margin .26s var(--ease), padding .26s var(--ease), grid-template-columns .26s var(--ease), gap .26s var(--ease), border-radius .26s var(--ease), background .15s ease, border-color .15s ease;background:0 0;border:1px solid #0000;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;padding:0 6px 0 4px;display:grid}.account-row:hover,.account-row[aria-expanded=true]{background:var(--panel-strong)}.account-row[aria-expanded=true]{border-color:var(--line)}.account-row>span:nth-child(2){min-width:0;transition:opacity .18s ease 70ms, transform .26s var(--ease) 70ms;flex-direction:column;line-height:1.25;display:flex}.account-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.account-row small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10.5px;overflow:hidden}.account-row .avatar{flex:none;transition:background .15s,border-color .15s}.account-loading .avatar svg{animation:.8s linear infinite spin}.popover{z-index:50;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);animation:pop .18s var(--ease) both;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.popover-head{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.popover-head .avatar{width:30px;height:30px}.popover-identity{flex-direction:column;min-width:0;line-height:1.3;display:flex}.popover-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.popover-head small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.popover-rows{padding:6px}.popover-row{border-radius:var(--radius-xs);justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 6px 0 8px;font-size:12.5px;font-weight:500;display:flex}.popover-row>span:first-child{color:var(--ink)}.popover-row .seg{padding:2px}.popover-row .seg button{justify-content:center;width:30px;height:26px;padding:0}.popover-link{color:var(--ink);transition:background .12s}.popover-link:hover{background:var(--panel-strong)}.popover-link>svg{color:var(--muted)}.popover-foot{border-top:1px solid var(--line);background:var(--field);border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);flex-direction:column;gap:8px;padding:10px;display:flex}.popover-note{color:var(--muted);text-align:center;font-size:11.5px}.popover-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.popover-note a:hover{color:var(--ink-soft)}.popover .seg [data-tip]{position:relative}.popover .seg [data-tip]:after{z-index:60;content:attr(data-tip);width:max-content;color:var(--on-ink);background:var(--ink);border-radius:var(--radius-xs);pointer-events:none;opacity:0;transition:opacity .11s ease, transform .11s var(--ease);padding:6px 9px;font-size:11px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}.popover .seg [data-tip]:hover:after{opacity:1;transition-delay:80ms;transform:translate(-50%)}@media (min-width:901px){:root[data-sidebar=collapsed] .sidebar{width:var(--sidebar-collapsed-w)}:root[data-sidebar=collapsed] .sidebar-head{padding:0 5px 0 0}:root[data-sidebar=collapsed] .sidebar-head .nav-label{opacity:0;pointer-events:none;transition-duration:80ms;transition-delay:0s;position:absolute}:root[data-sidebar=collapsed] .sidebar .nav-label{color:#0000}:root[data-sidebar=collapsed] .sidebar .nav-label:after{opacity:1}:root[data-sidebar=collapsed] .sidebar .nav-item span,:root[data-sidebar=collapsed] .sidebar .nav-item small,:root[data-sidebar=collapsed] .sidebar .account-row>span:nth-child(2){opacity:0;pointer-events:none;transition-duration:80ms,.16s;transition-delay:0s;transform:translate(-6px)}:root[data-sidebar=collapsed] .sidebar .account-row{border-radius:50%;grid-template-columns:28px 0;gap:0;width:30px;height:30px;margin:8px 4px;padding:0}:root[data-sidebar=collapsed] .sidebar .popover{width:236px;bottom:0;left:calc(100% + 14px);right:auto}:root[data-sidebar=collapsed] .sidebar [data-tip]{position:relative}:root[data-sidebar=collapsed] .sidebar [data-tip]:before,:root[data-sidebar=collapsed] .sidebar [data-tip]:after{z-index:60;pointer-events:none;opacity:0;transition:opacity .11s ease, transform .11s var(--ease);position:absolute;top:50%;transform:translate(-4px,-50%)}:root[data-sidebar=collapsed] .sidebar [data-tip]:after{content:attr(data-tip);white-space:nowrap;color:var(--on-ink);background:var(--ink);border-radius:var(--radius-xs);padding:6px 10px;font-size:11.5px;font-weight:500;line-height:1.2;left:calc(100% + 14px)}:root[data-sidebar=collapsed] .sidebar [data-tip]:before{content:"";border:6px solid #0000;border-right-color:var(--ink);border-left:0;left:calc(100% + 8px)}:root[data-sidebar=collapsed] .sidebar [data-tip]:hover:before,:root[data-sidebar=collapsed] .sidebar [data-tip]:hover:after,:root[data-sidebar=collapsed] .sidebar [data-tip]:focus-visible:before,:root[data-sidebar=collapsed] .sidebar [data-tip]:focus-visible:after,:root[data-sidebar=collapsed] .sidebar [data-tip][data-held]:before,:root[data-sidebar=collapsed] .sidebar [data-tip][data-held]:after{opacity:1;transition-delay:60ms;transform:translateY(-50%)}:root[data-sidebar=collapsed] .sidebar [aria-expanded=true]:before,:root[data-sidebar=collapsed] .sidebar [aria-expanded=true]:after{display:none}:root[data-sidebar=collapsed] .app-stage{margin-left:calc(var(--sidebar-collapsed-w) + var(--gutter) * 2)}}.app-stage{min-height:calc(100vh - var(--topbar-h));margin:0 var(--gutter) 0 calc(var(--sidebar-w) + var(--gutter) * 2);transition:margin .26s var(--ease)}.canvas-mat{z-index:25;height:calc(var(--gutter) + (var(--topbar-h) - var(--gutter)) / 2);background-color:var(--canvas);background-image:radial-gradient(var(--dot) .8px, transparent 1.3px);background-size:var(--dot-w,16px) var(--dot-h,16px);background-position:calc(var(--gutter) / 2 - var(--dot-w,16px) / 2) calc(var(--gutter) / 2 - var(--dot-h,16px) / 2);pointer-events:none;position:fixed;top:0;left:0;right:0}.topbar{top:var(--gutter);z-index:30;height:calc(var(--topbar-h) - var(--gutter));margin:var(--gutter) var(--gutter) 0;background:color-mix(in srgb, var(--panel) 75%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-sidebar);box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:0 9px 0 10px;display:flex;position:sticky}.topbar-left{flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.topnav-controls{align-items:center;gap:8px;min-width:0;display:flex}.topbar-brand{align-items:center;display:inline-flex}.topbar .brand-word{display:inline-flex}.topbar .brand-mark{color:var(--ink);display:none}.topbar .brand-mark svg{width:26px;height:13px;display:block}.topbar-sep{background:var(--line);flex:none;width:1px;height:18px}.crumbs{align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.crumbs a{white-space:nowrap;min-width:0;color:var(--muted-strong);flex:0 auto;align-items:center;gap:6px;transition:color .15s;display:inline-flex}.crumbs a:hover{color:var(--ink)}.crumbs i{color:var(--line-strong);flex:none;font-style:normal}.crumbs strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.crumbs small{color:var(--muted);font-size:11.5px}.search-trigger{width:320px;height:30px;color:var(--muted-strong);background:var(--field);border-color:var(--line);justify-content:flex-start;padding:0 5px 0 12px;font-weight:400}.search-trigger:hover{color:var(--ink);border-color:var(--line-strong)}.search-trigger span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.search-trigger kbd{height:20px;color:var(--muted);background:color-mix(in srgb, var(--field) 70%, transparent);border:1px solid var(--line);border-radius:4px;align-items:center;gap:2px;padding:0 6px;font-family:inherit;font-size:10px;display:inline-flex}.app-main{padding:var(--gutter) var(--page-x) 80px}.route-content{width:100%;max-width:1560px;margin:0 auto}@supports not (view-transition-name:none){.route-content{animation:fade-in .22s var(--ease) both}:root[data-motion=off] .route-content{animation:none}}::view-transition-old(.page-out){animation:.11s ease-out reverse both fade}::view-transition-new(.page-in){animation:.22s var(--ease) 40ms both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}:root[data-motion=off]::view-transition-old(*){animation:none}:root[data-motion=off]::view-transition-new(*){animation:none}.mobile-menu,.mobile-close,.sidebar-backdrop{display:none}.command-panel{background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-lg);width:min(640px,100%);box-shadow:var(--shadow);animation:rise .24s var(--ease) both;overflow:hidden}.command-input{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:56px;padding:0 16px;display:flex}.command-input>svg{color:var(--muted)}.command-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:14px}.command-input input::placeholder{color:var(--muted)}.command-input kbd{color:var(--muted);background:var(--field);border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.command-results{max-height:min(56vh,480px);padding:8px;overflow:auto}.command-results>p{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:6px 8px 8px;font-size:10.5px;font-weight:500}.command-results button{text-align:left;border-radius:var(--radius-sm);background:0 0;border:0;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px;transition:background .12s;display:grid}.command-results button:hover,.command-results button.is-active{background:var(--panel-strong)}.command-results button>span:first-child{width:30px;height:30px;color:var(--muted-strong);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-xs);place-items:center;display:grid}.command-results button>span:nth-child(2){flex-direction:column;min-width:0;line-height:1.3;display:flex}.command-results strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.command-results small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px;overflow:hidden}.command-results .return-key{color:var(--muted);opacity:0;font-size:12px}.command-results button:hover .return-key,.command-results button.is-active .return-key{opacity:1}.no-results{color:var(--muted);text-align:center;padding:40px 12px;font-size:12.5px}.app-loader{z-index:200;background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;animation:.36s 1.1s forwards loader-out;display:flex;position:fixed;inset:0}.app-loader .loader-logo{width:150px;height:44px}.app-loader .loader-track{background:var(--line);width:150px;height:1px;margin-top:18px;overflow:hidden}.loader-track span{background:var(--ink);transform-origin:0;width:100%;height:100%;animation:loader-line 1.1s var(--ease) both;display:block}@keyframes loader-line{0%{transform:scaleX(0)}}@keyframes loader-out{to{opacity:0;visibility:hidden}}@media (max-width:1420px){.search-trigger{width:220px}}@media (max-width:1180px){.search-trigger{width:150px}.search-trigger kbd{display:none}.topnav-controls{scrollbar-width:none;overflow-x:auto}}@media (max-width:900px){.sidebar{transform:translateX(calc(-100% - var(--gutter) * 2))}.sidebar.is-open{box-shadow:var(--shadow);transform:none}.sidebar-toggle{display:none}.mobile-close{display:inline-flex}.sidebar-backdrop{z-index:35;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;display:block;position:fixed;inset:0}.app-stage{margin-left:var(--gutter)}.mobile-menu{display:inline-flex}.search-trigger{justify-content:center;width:40px;padding:0}.search-trigger span,.search-trigger kbd{display:none}}@media (max-width:650px){.app-main{padding-bottom:60px}.topbar{padding-left:10px}.topbar .brand-word{display:none}.topbar .brand-mark{display:inline-flex}.topbar-sep{display:none}.topbar-left{gap:8px}}
body{text-wrap:pretty}.lottie-logo{cursor:pointer;align-items:center;width:95px;height:32px;display:inline-flex;position:relative}.topbar-brand{margin-left:-6px}.topbar .brand-word{margin-right:-3px}.lottie-logo-still{color:var(--ink);background:currentColor;position:absolute;inset:0;-webkit-mask:url(/assets/flowing-logo-mask.png) 50%/100% 100% no-repeat;mask:url(/assets/flowing-logo-mask.png) 50%/100% 100% no-repeat}.lottie-logo-canvas{visibility:hidden;filter:var(--logo-filter);position:absolute;inset:0}.lottie-logo.is-playing .lottie-logo-canvas{visibility:visible}.lottie-logo.is-playing .lottie-logo-still{visibility:hidden}.copy-icon{flex:none;display:inline-block;position:relative}.copy-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.copy-glyph{transition:transform .26s var(--ease) .15s, opacity .18s ease .15s}.check-glyph path{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .15s ease-in,opacity .1s 50ms}.copy-icon.is-done .copy-glyph{opacity:0;transition:transform .22s var(--ease), opacity .14s ease;transform:scale(.55)rotate(-14deg)}.copy-icon.is-done .check-glyph path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .38s var(--ease) .14s, opacity 1ms linear .14s}.copy-icon.is-done{animation:copy-pop .42s var(--ease) .1s}@keyframes copy-pop{40%{transform:scale(1.18)}}.library-page{padding:0 0 32px}.library-grid{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.library-card{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.card-preview{z-index:0;aspect-ratio:16/10;background:var(--panel-strong);border-bottom:1px solid var(--line);display:block;position:relative;overflow:hidden}.card-preview img,.card-preview video{object-fit:cover;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.card-preview img{z-index:1}.card-preview video{z-index:2;opacity:0}.library-card:hover video{opacity:1}.library-card:hover .card-preview img{opacity:0}.card-body{flex-direction:column;gap:6px;padding:12px 14px;display:flex}.card-title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.card-title-row h2{letter-spacing:-.015em;font-size:14.5px;font-weight:500;line-height:1.3}.card-title-row a:hover{color:var(--ink-soft)}.library-card:has(.card-link){cursor:pointer}.card-link:after{z-index:1;content:"";position:absolute;inset:0}.library-card .btn,.library-card .source-link,.library-card .card-live{z-index:2;position:relative}.library-card.is-live .card-preview{z-index:2}.source-link{white-space:nowrap;color:var(--muted-strong);flex:none;align-items:center;gap:3px;font-size:11.5px;transition:color .15s;display:inline-flex}.source-link:hover{color:var(--ink)}.card-kind{color:var(--muted);flex:none;font-size:11.5px}.card-title-side{flex:none;align-items:baseline;gap:8px;display:inline-flex}.draft-chip{border:1px dashed var(--muted);color:var(--muted-strong);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:2px 7px;font-size:9.5px;font-weight:500}.card-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11.5px;overflow:hidden}.card-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.card-note{color:var(--muted);font-size:11px}.card-actions .bookmark{margin-right:-6px}.bookmark.saved{color:var(--ink)}.library-grid.list-layout{grid-template-columns:1fr}.list-layout .library-card{grid-template-columns:200px minmax(0,1fr);display:grid}.list-layout .card-preview{border-right:1px solid var(--line);border-bottom:0;align-self:stretch}.list-layout .card-body{justify-content:space-between;gap:10px;padding:12px 14px 12px 18px}.list-layout .cover-title{bottom:28px;left:12px;right:12px}.list-layout .cover-title b{font-size:15px}.list-layout .cover-kicker{left:12px}.list-layout .cover-footer{bottom:12px;left:12px;right:12px}.list-main{flex-direction:column;gap:4px;min-width:0;display:flex}.list-main .card-title-row{justify-content:flex-start;align-items:center}.card-desc{-webkit-line-clamp:2;color:var(--muted-strong);-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.list-foot{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-tags{flex:1 1 0;align-items:center;gap:6px;min-width:0;display:flex}.list-tags .bookmark{flex:none;margin-left:-6px}.list-tags .tag-row{flex-wrap:nowrap;overflow:hidden}.list-actions{flex:none;align-items:center;gap:6px;display:flex}.library-skeleton{gap:var(--gutter);grid-template-columns:repeat(3,1fr);display:grid}.library-skeleton i{background:linear-gradient(100deg, var(--panel) 20%, var(--panel-strong) 45%, var(--panel) 70%);border:1px solid var(--line);border-radius:var(--radius);background-size:220% 100%;height:320px;animation:1.3s linear infinite skeleton}@keyframes skeleton{to{background-position-x:-220%}}.cover{color:var(--ink);background:var(--panel-strong);padding:16px;position:absolute;inset:0}.cover.tone-ink{color:#f1f0eb;background:#171716}.cover.tone-graphite{color:#e6e4de;background:#2a2a28}.cover.tone-slate{color:#dddcd6;background:#3b3b38}.cover.tone-stone{color:#1c1c1b;background:#c9c7c0}.cover.tone-paper{color:#1c1c1b;background:#e8e6df}.cover.tone-chalk{color:#161615;background:#f4f3ee}.cover-nav{z-index:1;justify-content:flex-end;gap:4px;display:flex;position:relative}.cover-nav i{opacity:.45;background:currentColor;border-radius:2px;width:24px;height:3px}.cover-kicker{z-index:1;letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:9px;position:absolute;top:22%;left:16px}.cover-title{z-index:1;flex-direction:column;display:flex;position:absolute;bottom:34px;left:16px;right:16px}.cover-title b{letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(22px,2vw,32px);font-weight:500;line-height:.88}.cover-footer{z-index:1;justify-content:space-between;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.cover-footer i{opacity:.4;background:currentColor;width:36px;height:1px}.cover.large{padding:28px}.cover.large .cover-kicker{font-size:11px;left:28px}.cover.large .cover-title{bottom:52px;left:28px;right:28px}.cover.large .cover-title b{font-size:clamp(40px,5vw,84px)}.cover.large .cover-footer{bottom:24px;left:28px;right:28px}.topnav-group{align-items:center;gap:8px;display:flex}.topnav-group .field{background:var(--field);height:30px}.topnav-group .field select{font-size:11.5px}.topnav-group .seg{background:var(--field);padding:2px}.topnav-group .seg button{height:24px;padding:0 8px}.topnav-sep{background:var(--line);width:1px;height:18px}.filter-field{cursor:pointer;gap:6px;padding:0 8px 0 10px;position:relative}.filter-field>svg:last-child{margin-left:-2px}.autoselect{align-items:center;min-width:0;display:inline-flex}.autoselect:after{content:attr(data-value);white-space:pre;font-size:11.5px;font-weight:500}.autoselect select{z-index:1;opacity:0;appearance:none;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.seg-slide{--seg-ease-out:cubic-bezier(.3, 1.45, .5, 1);--seg-ease-in:cubic-bezier(.2, .9, .25, 1);position:relative}.seg-slide:before{content:"";background:var(--panel-strong);border-radius:var(--radius-xs);width:32px;height:24px;box-shadow:inset 0 0 0 1px var(--line);transform-origin:0;transform:translateX(calc(var(--seg-i,0) * 34px)) scale(1, 1);transition:transform .42s var(--seg-ease-out);will-change:transform;position:absolute;top:2px;left:2px}.seg-slide[data-press=to-1]:before{transition:transform .24s var(--seg-ease-in);transform:translate(0)scale(1.4375,.8333)}.seg-slide[data-press=to-0]:before{transition:transform .24s var(--seg-ease-in);transform:translate(20px)scale(1.4375,.8333)}.topnav-group .seg-slide button{justify-content:center;width:32px;padding:0;position:relative}.topnav-group .seg-slide button.active{box-shadow:none;background:0 0}.detail-hero{height:calc(100vh - var(--topbar-h) - var(--gutter) * 2);flex-direction:column;min-height:600px;display:flex}.detail-hero>.live-stage{flex:1;min-height:0}.detail-hero>.detail-head{padding-bottom:var(--gutter)}.detail-hero+.detail-lede{margin-top:24px}.view-bar{width:300px;height:36px;margin-left:calc(var(--gutter) - 8px);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:0 2px;display:flex}.view-bar .btn{border-radius:var(--radius-xs);flex:1;min-width:0}.view-bar i{background:var(--line);flex:none;width:1px;height:16px}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 20px;display:flex}.detail-head .page-head-actions{flex-wrap:wrap;row-gap:10px}.detail-head h1{letter-spacing:-.03em;font-size:28px;font-weight:500;line-height:1.1}.detail-preview+.detail-lede{margin-top:16px}.detail-lede{max-width:720px;color:var(--ink-soft);font-size:13px;line-height:1.6}.detail-meta{color:var(--muted);align-items:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.detail-meta i{color:var(--line-strong);font-style:normal}.detail-meta a{color:var(--muted-strong)}.detail-meta a:hover{color:var(--ink)}.detail-preview{aspect-ratio:16/8.5;background:var(--panel-strong);position:relative;overflow:hidden}.detail-preview video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.live-stage{gap:var(--gutter);grid-template-columns:minmax(0,1fr) 300px;display:grid}.live-stage[data-controls=closed]{grid-template-columns:minmax(0,1fr)}.live-window{background:var(--panel-strong);min-width:0;min-height:0;position:relative;overflow:hidden}.live-canvas{contain:layout paint;position:absolute;inset:0}.live-controls{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.live-controls-head{border-bottom:1px solid var(--line);flex:none;padding:10px 12px}.preset-trigger{width:100%;height:36px;color:var(--muted-strong);background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:var(--radius-sm);border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.preset-trigger:hover{background:color-mix(in srgb, var(--ink) 9%, transparent)}.preset-trigger[aria-expanded=true]{background:color-mix(in srgb, var(--ink) 11%, transparent)}.preset-trigger>span:last-child{min-width:0;color:var(--ink);align-items:center;gap:8px;display:inline-flex}.preset-trigger svg{color:var(--muted);flex:none}.preset-menu{z-index:50;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);animation:pop .18s var(--ease) both;flex-direction:column;gap:1px;padding:4px;display:flex;position:fixed}.preset-menu button{text-align:left;height:32px;color:var(--muted-strong);border-radius:var(--radius-xs);background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 0 10px;font-size:13px;font-weight:500;transition:background .12s,color .12s;display:flex}.preset-menu button:hover{color:var(--ink);background:var(--panel-strong)}.preset-menu button[aria-selected=true]{color:var(--ink)}.live-controls-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.live-controls-foot{background:var(--field);border-top:1px solid var(--line);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.live-controls-foot .btn:last-child{flex:1}.live-controls-foot .btn-ghost{margin-left:-4px}.dialkit-root.dialkit-root,.dialkit-root.dialkit-root[data-theme]{--dial-surface:color-mix(in srgb, var(--ink) 5%, transparent);--dial-surface-hover:color-mix(in srgb, var(--ink) 9%, transparent);--dial-surface-active:color-mix(in srgb, var(--ink) 11%, transparent);--dial-surface-subtle:color-mix(in srgb, var(--ink) 6%, transparent);--dial-text-root:var(--ink);--dial-text-section:var(--muted-strong);--dial-text-label:var(--muted-strong);--dial-text-focus:var(--ink);--dial-text-primary:var(--ink);--dial-text-secondary:var(--muted-strong);--dial-text-tertiary:var(--muted);--dial-border:var(--line);--dial-border-hover:var(--line-strong);--dial-glass-bg:var(--panel);--dial-dropdown-bg:var(--panel);--dial-backdrop-blur:0px;--dial-radius:var(--radius-sm);--dial-shadow:var(--shadow);--dial-shadow-collapsed:var(--shadow-sm);--dial-shadow-dropdown:var(--shadow-sm);font-family:inherit}.live-controls .dialkit-panel-inline>.dialkit-folder-root>.dialkit-panel-header{display:none}.live-controls .dialkit-panel-inline{padding-top:0}.live-controls .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:0}.live-controls .dialkit-panel-inline{max-height:none;overflow:visible}@media (max-width:1100px){.detail-hero{height:auto;min-height:0;display:block}.view-bar{width:auto}.view-bar .btn{flex:none}.live-stage[data-variant=detail]{grid-template-columns:minmax(0,1fr)}.live-stage[data-variant=detail] .live-window{height:clamp(360px,56vh,560px)}.live-stage[data-variant=detail] .live-controls{max-height:420px}}.card-live{position:absolute;inset:0}.library-card .card-preview .card-live{z-index:3;background:var(--panel-strong);opacity:0;transition:opacity .24s;position:absolute}.library-card .card-preview .card-live[data-ready]{opacity:1}.card-live .asl-panel{top:14px}.card-live .asl-row{margin-bottom:14px}.card-live .asl-head{font-size:13px}.card-live .asl-divider{margin:0 0 12px}.live-fullscreen{position:fixed;inset:0}.live-stage[data-variant=fullscreen]{display:block;position:absolute;inset:0}.live-stage[data-variant=fullscreen] .live-window{box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.live-float{z-index:4;top:var(--gutter);right:var(--gutter);width:300px;max-height:calc(100% - var(--gutter) * 2);gap:var(--gutter);pointer-events:none;flex-direction:column;display:flex;position:absolute}.live-float>*{pointer-events:auto;border-color:var(--line-strong);border-radius:var(--radius-sidebar);box-shadow:var(--shadow)}.live-float .live-controls{flex:0 auto;min-height:0}.live-bar{background:var(--panel);border:1px solid var(--line-strong);height:44px;transition:transform .26s var(--ease);flex:none;align-items:center;gap:6px;padding:0 6px;display:flex;position:relative}.live-bar .btn{flex:1}.live-bar i{background:var(--line);flex:none;width:1px;height:18px}.live-tuck-zone{box-shadow:none;pointer-events:auto;border:0;position:absolute;inset:0}.live-float.is-tucked .live-bar{transform:translateY(calc(-100% - var(--gutter) - 1px))}.live-bar-tuck{width:16px;height:16px;color:var(--muted-strong);background:var(--panel);box-shadow:var(--shadow-xs);opacity:0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s,color .15s;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.live-bar:hover .live-bar-tuck{opacity:1}.live-bar:has(.btn:hover,a:hover) .live-bar-tuck{opacity:0}.live-bar .live-bar-tuck:hover,.live-bar-tuck:focus-visible{opacity:1;color:var(--ink)}.live-tuck-zone:hover .live-bar-tuck{opacity:1}.live-tuck-zone .live-bar-tuck:hover{color:var(--ink)}@media (max-width:900px){.live-float{top:auto;bottom:var(--gutter);left:var(--gutter);flex-direction:column-reverse;width:auto;max-height:62%}.live-float.is-tucked .live-bar{transform:translateY(calc(100% + var(--gutter) + 1px))}}.copy-split{display:inline-flex;position:relative}.copy-split>.btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.copy-split>.btn-icon{border-top-left-radius:0;border-bottom-left-radius:0;align-self:stretch;width:30px;height:auto;margin-left:1px}.copy-menu{z-index:50;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);width:280px;box-shadow:var(--shadow-sm);animation:pop .18s var(--ease) both;padding:6px;position:fixed}.copy-menu button{text-align:left;width:100%;color:var(--ink);border-radius:var(--radius-xs);background:0 0;border:0;grid-template-columns:14px 1fr;align-items:start;gap:10px;padding:8px 10px;transition:background .12s;display:grid}.copy-menu button:hover{background:var(--panel-strong)}.copy-menu button>svg{color:var(--muted-strong);margin-top:2px}.copy-menu strong{font-size:12.5px;font-weight:500;display:block}.copy-menu small{color:var(--muted);margin-top:1px;font-size:11.5px;line-height:1.4;display:block}.detail-grid{gap:var(--gutter);grid-template-columns:minmax(0,1fr) 300px;align-items:start;margin-top:24px;display:grid}.panel{padding:28px 30px}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h2{letter-spacing:-.01em;font-size:15px;font-weight:500}.prompt-text{color:var(--ink-soft);letter-spacing:-.005em;margin:20px 0 24px;font-size:15.5px;line-height:1.65}.panel-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.panel-foot p{color:var(--muted);font-size:11.5px}.detail-aside{top:calc(var(--topbar-h) + var(--gutter));gap:var(--gutter);flex-direction:column;display:flex;position:sticky}.meta-list{padding:8px 22px}.meta-list>div{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 0;display:flex}.meta-list>div+div{border-top:1px solid var(--line)}.meta-list>div.stack{flex-direction:column;align-items:flex-start;gap:10px}.meta-list span:first-child{color:var(--muted);font-size:12px}.meta-list>div>span:last-child{text-align:right;align-items:center;gap:4px;font-size:12.5px;font-weight:500;display:flex}.meta-list a{align-items:center;gap:4px;display:inline-flex}.meta-list a:hover{color:var(--ink-soft)}.credit{flex-direction:column;gap:14px;padding:22px;display:flex}.credit p{color:var(--muted);font-size:12.5px;line-height:1.55}.credit .btn{align-self:flex-start}.related{margin-top:64px}.related>header{justify-content:space-between;align-items:flex-end;padding-bottom:16px;display:flex}.related h2{letter-spacing:-.02em;font-size:17px;font-weight:500}.related>header a{color:var(--muted-strong);font-size:12px}.related>header a:hover{color:var(--ink)}.related-grid{gap:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.related-card{overflow:hidden}.related-card>div{aspect-ratio:16/10;background:var(--panel-strong);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.related-card img,.related-card video{object-fit:cover;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.related-card video{opacity:0}.related-card:hover video{opacity:1}.related-card:hover img{opacity:0}.related-card>span{flex-direction:column;gap:2px;padding:12px 14px;display:flex}.related-card strong{font-size:13px;font-weight:500}.related-card small{color:var(--muted);font-size:11.5px}.roadmap-list{margin-top:14px;overflow:hidden}.roadmap-item{grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:18px;padding:18px 20px;display:grid}.roadmap-item+.roadmap-item{border-top:1px solid var(--line)}.vote{flex-direction:column;gap:3px;width:48px;height:52px;padding:0}.vote strong{font-size:12px;font-weight:500}.vote.voted{color:var(--on-ink);background:var(--ink);border-color:var(--ink)}.vote.voted:hover{background:var(--ink-hover);border-color:var(--ink-hover)}.roadmap-copy h2{letter-spacing:-.015em;font-size:15px;font-weight:500}.roadmap-copy p{color:var(--muted);margin-top:4px;font-size:12.5px;line-height:1.5}.roadmap-copy small{color:var(--muted);margin-top:8px;font-size:11.5px;display:block}.status-planned:before{background:var(--muted);border-color:var(--muted)}.status-in-progress:before{background:var(--ink-soft);border-color:var(--ink-soft)}.status-shipped{color:var(--ink)}.status-shipped:before{background:var(--ink);border-color:var(--ink)}.roadmap-empty{color:var(--muted);text-align:center;padding:48px 20px;font-size:12.5px}.settings-loading{min-height:40vh;color:var(--muted);place-items:center;display:grid}.settings-loading svg{animation:.8s linear infinite spin}.settings-grid{grid-template-columns:180px minmax(0,760px);align-items:start;gap:32px;display:grid}.settings-nav{top:calc(var(--topbar-h) + 12px);flex-direction:column;gap:2px;display:flex;position:sticky}.settings-nav a{height:34px;color:var(--muted-strong);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:0 10px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.settings-nav a:hover{color:var(--ink);background:var(--panel-strong)}.settings-nav a.danger{color:var(--muted)}.settings-sections{gap:var(--gutter);flex-direction:column;display:flex}.settings-section{scroll-margin-top:calc(var(--topbar-h) + 12px);overflow:hidden}.settings-section>header{padding:20px 22px 0}.settings-section h2{letter-spacing:-.01em;font-size:15px;font-weight:500}.settings-section>header p{color:var(--muted);margin-top:3px;font-size:12.5px}.settings-body{padding:18px 22px 22px}.settings-section footer{background:var(--field);border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin:18px -22px -22px;padding:12px 22px;display:flex}.settings-row{grid-template-columns:56px minmax(0,1fr);gap:20px;display:grid}.avatar-lg{width:56px;height:56px;font-size:16px}.settings-fields{flex-direction:column;gap:12px;display:flex}.settings-fields.narrow{max-width:380px}.settings-fields label{flex-direction:column;gap:6px;display:flex}.settings-fields .field{height:38px}.settings-hint{color:var(--muted);font-size:11.5px;line-height:1.5}.settings-hint.ok{color:var(--ink)}.settings-hint.error{color:var(--ink-soft)}.settings-line{grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:44px;padding:10px 0;font-size:12.5px;display:grid}.settings-line+.settings-line{border-top:1px solid var(--line)}.settings-line>span:first-child{font-weight:500}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.plan{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:18px;display:flex}.plan.current{border-color:var(--line-strong)}.plan-badge{color:var(--on-ink);background:var(--ink);border-radius:99px;align-self:flex-start;padding:3px 7px;font-size:10.5px;font-weight:500}.plan-badge.muted{color:var(--muted-strong);background:var(--panel-strong);border:1px solid var(--line)}.plan strong{letter-spacing:-.02em;font-size:18px;font-weight:500}.plan small{color:var(--muted);font-size:12px;line-height:1.45}.plan ul{color:var(--muted-strong);margin:6px 0 0;padding:0 0 0 16px;font-size:12px;line-height:1.7}.plan .btn{align-self:flex-start;margin-top:auto}.settings-section.danger{border-color:color-mix(in srgb, var(--line-strong) 60%, transparent)}.article-page{--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;gap:var(--gutter);grid-template-columns:minmax(0,1fr);align-items:start;padding-bottom:32px;display:grid}.article-content{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-xs);padding:32px 32px 56px;container:article/inline-size}.article-main{max-width:760px;margin:0 auto}.article-side{top:calc(var(--topbar-h) + var(--gutter));gap:var(--gutter);max-height:calc(100vh - var(--topbar-h) - var(--gutter) * 3);flex-direction:column;display:none;position:sticky}@media (min-width:1180px){.article-page{grid-template-columns:minmax(0,1fr) 264px}.article-side{display:flex}}.article-toc,.article-nav{min-width:0;padding:12px 10px}.article-toc{scrollbar-width:thin;overflow-y:auto}.article-meta{padding:2px 8px 6px}.article-meta>div{justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:9px 0;display:flex}.article-meta>div+div{border-top:1px solid var(--line)}.article-meta>div:first-child{padding-top:2px}.article-meta span:first-child{color:var(--muted);font-size:12px}.article-meta>div>span:last-child{text-align:right;font-size:12px;font-weight:500}.article-meta .tag-row{flex-wrap:wrap;justify-content:flex-end}.article-save{padding:2px 8px 8px}.article-save .btn{width:100%}.prompt-card{padding:20px 26px}.prompt-card-text{color:var(--ink-soft);letter-spacing:-.005em;margin:14px 0 20px;font-size:15px;line-height:1.7}.prompt-card-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding-top:16px;display:flex}.prompt-card-foot>p{color:var(--muted);max-width:340px;margin:0;font-size:11.5px}.article-back{border-radius:var(--radius-xs);width:100%;color:var(--muted-strong);align-items:center;gap:8px;margin-bottom:8px;padding:7px 8px;font-size:11.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.article-back:hover{color:var(--ink);background:var(--panel-strong)}.article-back svg{flex:none}.article-toc-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;padding:0 8px;font-size:10.5px;font-weight:500;display:block}.article-toc-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.article-toc-list button{border-radius:var(--radius-xs);text-align:left;width:100%;color:var(--muted);background:0 0;border:0;align-items:baseline;gap:8px;padding:6px 8px;font-size:11.5px;line-height:1.35;transition:background .12s,color .12s;display:flex}.article-toc-n{width:16px;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;opacity:.75;flex:none;font-size:10px}.article-toc-list button:hover{color:var(--ink);background:var(--panel-strong)}.article-toc-list button.active{color:var(--ink);background:var(--panel-strong);box-shadow:inset 0 0 0 1px var(--line)}.article-nav{flex-direction:column;gap:1px;display:flex}.article-nav-row{border-radius:var(--radius-sm);color:var(--muted-strong);grid-template-columns:14px 1fr;align-items:start;gap:10px;padding:8px;transition:background .12s,color .12s;display:grid}.article-nav-row:hover{color:var(--ink);background:var(--panel-strong)}.article-nav-row>svg{color:var(--muted);flex:none;margin-top:2px}.article-nav-row small{color:var(--muted);font-size:10.5px;display:block}.article-nav-row strong{margin-top:1px;font-size:12.5px;font-weight:500;line-height:1.35;display:block}.article-hero h1,.article-lede,.article-section h2:not(.article-live *),.article-figure figcaption,.article-code figcaption,.article-callout p,.article-demo-head h3,.demo-note{text-wrap:balance}.article-hero{padding:4px 0 8px}.article-kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;font-size:10.5px;font-weight:500;display:flex}.article-kicker i{background:var(--line-strong);width:14px;height:1px}.article-hero h1{letter-spacing:-.03em;margin-top:12px;font-size:28px;font-weight:500;line-height:1.12}.article-lede{max-width:640px;color:var(--ink-soft);margin-top:12px;font-size:15px;line-height:1.65}.article-crumb{color:var(--muted);margin-top:16px;font-size:12px}.article-crumb a{color:var(--muted-strong)}.article-crumb a:hover{color:var(--ink)}.article-body{margin-top:8px}.article-section{padding-top:36px}.article-section+.article-section{border-top:1px solid var(--line);margin-top:48px}.article-section{position:relative}.article-num{color:var(--muted);letter-spacing:-.05em;font-variant-numeric:lining-nums tabular-nums;opacity:.55;margin:12px 0 12px -2px;font-size:56px;font-weight:400;line-height:.9;display:block}@container article (min-width:1040px){.article-num{margin:0;font-size:72px;position:absolute;top:40px;right:calc(100% + 28px)}.article-section h2:not(.article-live *){margin-top:12px}}.article-section h2:not(.article-live *){letter-spacing:-.02em;scroll-margin-top:calc(var(--topbar-h) + 28px);font-size:17px;font-weight:500}.article-section p:not(.article-live *){color:var(--ink-soft);margin-top:14px;font-size:15px;line-height:1.7}.article-section p strong{color:var(--ink);font-weight:500}.article-section ul,.article-section ol{color:var(--ink-soft);gap:6px;margin:14px 0 0;padding-left:18px;font-size:15px;line-height:1.7;display:grid}.article-section li::marker{color:var(--muted)}.article-section p a,.article-section li a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;transition:text-decoration-color .12s}.article-section p a:hover,.article-section li a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.article-section .article-sources{border-top:1px solid var(--line);gap:0;margin-top:16px;padding:0;list-style:none}.article-sources li{border-bottom:1px solid var(--line);gap:3px;padding:12px 0;display:grid}.article-sources .src-title{color:var(--ink);font-size:14px;font-weight:500;line-height:1.45}.article-sources .src-where{color:var(--muted);font-family:var(--font-mono);overflow-wrap:anywhere;font-size:11.5px;line-height:1.5}.article-sources .src-took{color:var(--ink-soft);font-size:13.5px;line-height:1.6}.article-section code,.article-callout code{background:var(--field);border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-size:.86em}.article-figure{margin:28px 0 12px}.article-figure>svg{width:100%;height:auto;display:block}.article-figure figcaption{color:var(--muted);text-align:center;margin-top:10px;padding:0 12px;font-size:12px;line-height:1.6}.article-live{text-wrap:wrap;background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius);height:460px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}@media (max-width:900px){.article-live{height:420px}}.article-live-frame{overflow:hidden}.article-live-frame .article-live{box-shadow:none;border:0;border-radius:0}.article-live-tag:before{background:var(--ink);animation:2.4s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.article-live-tag:before{animation:none}}.article-video{aspect-ratio:16/9;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);margin:20px 0 4px;position:relative;overflow:hidden}.article-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.f-ink{stroke:var(--ink)}.f-strong{stroke:var(--muted-strong)}.f-muted{stroke:var(--muted)}.f-line{stroke:var(--line-strong)}.f-hair{stroke:var(--line)}.fi-ink{fill:var(--ink)}.fi-strong{fill:var(--muted-strong)}.fi-muted{fill:var(--muted)}.fi-line{fill:var(--line-strong)}.fi-field{fill:var(--field)}.fi-panel{fill:var(--panel-strong)}.ft{font-family:var(--font-mono)}.article-callout{background:var(--field);border-left:2px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:28px 0 12px;padding:14px 20px}.article-callout p{color:var(--muted-strong);margin:0;font-size:13.5px;line-height:1.65}.article-callout strong{color:var(--ink);font-weight:500}.article-code{margin:28px 0 12px}.article-code figcaption{color:var(--muted);font-family:var(--font-mono);letter-spacing:.02em;margin-bottom:8px;font-size:11px}.article-code-block{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);font-family:var(--font-mono);margin:0;padding:14px 0;font-size:12px;line-height:1.65;overflow-x:auto}.article-section .article-code-block code{font-size:inherit;overflow-wrap:normal;background:0 0;border:0;border-radius:0;padding:0;display:block}.code-line{min-height:20px;padding:0 14px;display:flex}.code-line:hover{background:color-mix(in srgb, var(--ink) 3%, transparent)}.code-ln{width:24px;color:var(--muted);opacity:.6;text-align:right;-webkit-user-select:none;user-select:none;flex:none;margin-right:14px;padding-top:1px;font-size:10.5px}.code-lc{white-space:pre;color:var(--muted-strong)}.tok-kw{color:var(--ink);font-weight:500}.tok-ty{color:var(--ink)}.tok-fn,.tok-str,.tok-num{color:var(--ink-soft)}.tok-cm{color:var(--muted);font-style:italic}.article-demo{margin:28px 0 12px;overflow:hidden}.article-demo-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.article-demo-head h3{letter-spacing:-.01em;font-size:13px;font-weight:500}.article-demo-tag{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;font-size:10.5px;font-weight:500;display:inline-flex}.article-demo-tag:before{content:"";background:var(--muted-strong);border-radius:50%;width:6px;height:6px}.article-demo-body{flex-direction:column;gap:14px;padding:14px 16px 16px;display:flex}.article-demo-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;display:grid}@media (max-width:640px){.article-demo-split{grid-template-columns:minmax(0,1fr)}}.article-demo-canvas{border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--field);width:100%;display:block}.article-demo-controls{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.article-demo-controls .seg{flex-wrap:wrap;max-width:100%}.demo-slider{color:var(--muted-strong);align-items:center;gap:8px;font-size:11px;display:flex}.demo-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:108px;height:16px}.demo-slider input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:1px;height:2px}.demo-slider input[type=range]::-webkit-slider-thumb{background:var(--ink);-webkit-appearance:none;border:0;border-radius:50%;width:12px;height:12px;margin-top:-5px}.demo-slider input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:1px;height:2px}.demo-slider input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:12px;height:12px}.demo-slider-value{min-width:44px;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.demo-toggle{color:var(--muted-strong);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:inline-flex}.demo-scrub{background:var(--field);border:1px solid var(--line-strong);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;display:flex}.demo-scrub-label{color:var(--ink);flex:none;font-size:12px;font-weight:500}.demo-scrub input[type=range]{appearance:none;cursor:ew-resize;background:0 0;flex:1;min-width:0;height:24px}.demo-scrub input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) var(--fill), var(--line-strong) var(--fill));border-radius:2px;height:4px}.demo-scrub input[type=range]::-webkit-slider-thumb{background:var(--ink);border:3px solid var(--field);width:18px;height:18px;box-shadow:0 0 0 1px var(--ink);-webkit-appearance:none;border-radius:50%;margin-top:-7px}.demo-scrub input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.demo-scrub input[type=range]::-moz-range-progress{background:var(--ink);border-radius:2px;height:4px}.demo-scrub input[type=range]::-moz-range-thumb{background:var(--ink);border:3px solid var(--field);width:12px;height:12px;box-shadow:0 0 0 1px var(--ink);border-radius:50%}.demo-scrub-value{min-width:40px;color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:11.5px}.demo-stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius-xs);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:1px;display:grid;overflow:hidden}.demo-stats>div{background:var(--field);gap:2px;padding:8px 12px;display:grid}.demo-stats span{color:var(--muted);font-size:11px}.demo-stats strong{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.toggle-lab{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-xs);flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 44px;min-height:150px;padding:24px 16px;display:flex}.toggle-lab-stack{flex-flow:column}.toggle-lab-item{justify-items:center;gap:12px;display:grid}.toggle-lab-slot{place-items:center;min-height:44px;display:grid}.toggle-lab-caption{color:var(--muted);font-family:var(--font-mono);font-size:11px}.demo-note{color:var(--muted-strong);margin:0;font-size:12.5px;line-height:1.5}.demo-note strong{color:var(--ink);font-weight:500}.article-demo-rail{grid-template-columns:132px minmax(0,1fr);gap:12px;display:grid}@media (max-width:640px){.article-demo-rail{grid-template-columns:96px minmax(0,1fr)}}.article-brief{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);margin:20px 0 8px}.article-brief>div{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px 16px;display:grid}.article-brief>div+div{border-top:1px solid var(--line)}.article-brief dt{color:var(--muted);font-size:12.5px;line-height:1.6}.article-brief dd{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}@media (max-width:650px){.article-brief>div{grid-template-columns:minmax(0,1fr);gap:2px}}.dms-timeline{--p:0;--h:.22;--s0:.26;--s1:.46;--r:0;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 16px}.dms-tl-row{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:16px;height:40px;display:grid}.dms-tl-row+.dms-tl-row{border-top:1px solid var(--line)}.dms-tl-label{color:var(--ink-soft);font-size:12.5px}.dms-tl-value{color:var(--muted-strong);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11px}.dms-tl-track{height:100%;position:relative}.dms-tl-ends{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.dms-tl-rule{background:var(--line);height:1px;position:absolute;top:50%;left:0;right:0}.dms-tl-head{top:-1px;bottom:0;left:calc(var(--p) * 100%);background:var(--ink);opacity:0;width:1px;position:absolute}.dms-timeline[data-live] .dms-tl-head{opacity:1}.dms-tl-axis .dms-tl-head:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dms-tl-dot{top:50%;left:calc(var(--h) * 100%);background:var(--field);border:1px solid var(--muted-strong);border-radius:50%;width:9px;height:9px;transition:background .15s,border-color .15s;position:absolute;transform:translate(-50%,-50%)}.dms-timeline[data-fired] .dms-tl-dot{background:var(--ink);border-color:var(--ink)}.dms-tl-span{top:50%;left:calc(var(--s0) * 100%);width:calc((var(--s1) - var(--s0)) * 100%);background:var(--line-strong);border-radius:3px;height:6px;position:absolute;overflow:hidden;transform:translateY(-50%)}.dms-tl-span>span{width:calc(var(--r) * 100%);background:var(--ink);height:100%;display:block}.dms-tl-swell{width:100%;height:24px;position:absolute;top:8px;left:0;overflow:visible}.dms-tl-flame{top:50%;left:calc(var(--p) * 100%);background:var(--field);border:1px solid var(--muted);border-radius:50%;width:9px;height:9px;transition:background .15s,border-color .15s,box-shadow .15s;position:absolute;transform:translate(-50%,-50%)}.dms-timeline[data-lit] .dms-tl-flame{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 16%, transparent)}@media (max-width:650px){.dms-tl-row{grid-template-columns:56px minmax(0,1fr) 56px;gap:12px}}.dms-heading-stage{border:1px solid var(--line);border-radius:var(--radius-xs);place-items:center;min-height:168px;padding:24px;display:grid;overflow:hidden}.article-section .dms-heading-stage p{color:inherit;letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(40px,9cqw,72px);line-height:.95}.dms-heading-word{white-space:nowrap;margin:0 .12em;display:inline-block}.dms-heading-word>span{will-change:transform, opacity;display:inline-block}.dms-heading-bars{gap:3px;display:grid;position:relative}.dms-heading-bars>div{color:var(--muted);font-family:var(--font-mono);grid-template-columns:16px minmax(0,1fr);align-items:center;gap:8px;font-size:10px;line-height:1;display:grid}.dms-heading-track{height:6px;position:relative}.dms-heading-track>span{background:var(--line-strong);border-radius:3px;position:absolute;top:0;bottom:0;overflow:hidden}.dms-heading-track i{background:var(--ink);height:100%;display:block}.dms-heading-bars:after{content:"";top:-4px;bottom:-4px;left:calc(24px + (100% - 24px) * var(--now-n,0));background:var(--ink);width:1px;position:absolute}.dms-bands{gap:6px;display:grid}.dms-bands>div{color:var(--muted-strong);grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:12px;font-size:11.5px;display:grid}.dms-band-track{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-xs);height:12px;position:relative}.dms-band-track>span{border-radius:var(--radius-xs);background:var(--muted-strong);transition:left .42s var(--ease), width .42s var(--ease);position:absolute;top:-1px;bottom:-1px}.dms-band-value{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.dms-band-axis>span:nth-child(2){height:24px;color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:11.5px;display:flex;position:relative}.dms-band-axis>span:nth-child(2):before{content:"";background:var(--line-strong);height:1px;position:absolute;top:50%;left:0;right:0}.dms-band-axis b{background:var(--panel);padding:0 8px;font-weight:400;position:relative}.dms-band-axis b:first-child{padding-left:0}.dms-band-axis b:last-child{padding-right:0}.dms-band-axis b strong{color:var(--ink);font-family:var(--font-mono);font-weight:500}.dms-band-axis .dms-band-mid{color:var(--muted)}@media (prefers-reduced-motion:reduce){.dms-band-track>span{transition:none}}@media (max-width:650px){.article-page{padding-bottom:0}.article-content{border-left:0;border-right:0;border-radius:0;padding:22px 16px 32px}.article-hero h1{font-size:24px}.article-num{font-size:44px}.article-section p,.article-section ul,.article-section ol{font-size:14.5px}.article-demo-body{padding:12px}.article-demo-controls{gap:8px 14px}.article-code-block{font-size:11px}}.auth-card{width:min(420px,100%);padding:32px 32px 26px}.auth-card>a{display:inline-flex}.auth-card h1{letter-spacing:-.025em;margin-top:26px;font-size:22px;font-weight:500}.auth-card>p{color:var(--muted);margin-top:5px;font-size:12.5px}.auth-form{flex-direction:column;gap:14px;margin-top:22px;display:flex}.auth-form label{flex-direction:column;gap:6px;display:flex}.auth-form .field{height:40px}.auth-form .btn{height:40px;margin-top:4px}.auth-switch{color:var(--muted);justify-content:space-between;margin-top:20px;font-size:12px;display:flex}.auth-switch a{color:var(--ink);align-items:center;gap:4px;display:inline-flex}.auth-switch a:hover{color:var(--ink-soft)}.auth-note{color:var(--muted);border-top:1px solid var(--line);align-items:flex-start;gap:8px;margin-top:22px;padding-top:16px;font-size:11px;line-height:1.5;display:flex}.auth-note svg{flex:none;margin-top:1px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 200px);display:flex}.not-found>span{color:var(--muted);letter-spacing:.06em;font-size:12px;font-weight:500}.not-found h1{letter-spacing:-.03em;margin:12px 0 8px;font-size:32px;font-weight:500}.not-found p{max-width:360px;color:var(--muted);font-size:13px}.not-found .btn{margin-top:20px}@media (max-width:1180px){.library-grid,.related-grid,.library-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-aside{position:static}}@media (max-width:900px){.settings-grid{grid-template-columns:1fr;gap:16px}.settings-nav{flex-flow:wrap;position:static}.plan-grid{grid-template-columns:1fr}.settings-line{grid-template-columns:1fr;gap:6px}}@media (max-width:650px){.detail-head{flex-direction:column;align-items:flex-start;gap:14px}.detail-head .page-head-actions{flex-wrap:wrap;width:100%}.view-bar{width:100%;margin-left:0}.view-bar .btn{flex:1}.library-grid,.related-grid,.library-skeleton,.list-layout .library-card{grid-template-columns:1fr}.list-layout .card-preview{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--line)}.list-layout .card-body{padding:12px 14px}.list-foot{flex-direction:column;align-items:stretch;gap:10px}.list-actions{flex-wrap:wrap}.roadmap-item{grid-template-columns:44px 1fr;gap:12px;padding:14px}.roadmap-item .status{grid-column:2;justify-self:start}.detail-preview{aspect-ratio:16/10}.panel{padding:22px}.panel-foot{flex-direction:column;align-items:flex-start}.auth-card{padding:26px 22px 20px}.topbar-left,.search-trigger{flex:none}.topnav-controls{flex:auto}.topbar-left .mobile-menu,.topbar-left .topbar-brand{flex:none}.topbar-left div.crumbs{display:none}.topbar-left nav.crumbs{flex:0 auto;min-width:0}.topbar-left nav.crumbs a{white-space:nowrap;min-width:0;overflow:hidden}.topnav-controls,.topnav-group{gap:5px}.topnav-group .field{height:26px;padding-inline:8px}.topnav-group .field>.field-label,.topnav-group .field>svg{display:none}.topnav-group .field select{max-width:96px;font-size:11px}.topnav-group>.field-label,.topnav-group .toggle,.save-button .save-label{display:none}.topnav-group>.field-label{font-size:10.5px}.topnav-group .topnav-sep,.topnav-group .seg{display:none}}@media (prefers-reduced-motion:reduce){.card-preview video,.related-card video{display:none}}