@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Peyda;src:url(/fonts/PeydaWeb-Black.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Peyda FaNum;src:url(/fonts/PeydaFaNumWeb-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Peyda FaNum;src:url(/fonts/PeydaFaNumWeb-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Peyda FaNum;src:url(/fonts/PeydaFaNumWeb-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Peyda FaNum;src:url(/fonts/PeydaFaNumWeb-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg: #0d1117;--bg-deep: #090c12;--bg-well: #111722;--bg-sunk: #06080c;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .09);--action: #222d3d;--action-hover: #2b3849;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .1);--line-3: rgba(255, 255, 255, .16);--text: #ffffff;--text-2: #a3adbb;--text-3: #74808f;--text-4: #566070;--accent: #5aa9ff;--accent-soft: #9dcbff;--accent-deep: #0b3057;--accent-wash: rgba(90, 169, 255, .12);--accent-line: rgba(90, 169, 255, .35);--r-stage: 14px;--r-card: 16px;--r-control: 10px;--r-well: 9px;--r-sm: 7px;--r-badge: 6px;--r-pill: 50px;--r-field: 15px;--menu-shadow: 0 10px 30px rgba(0, 0, 0, .5);--font: "Peyda", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Peyda FaNum", "Peyda", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", "Menlo", "Consolas", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .18s;--header-h: 60px;--sidebar-w: 256px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:#5aa9ff47}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.35}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}svg{display:block}img,video,canvas{max-width:100%}code,pre{font-family:var(--mono);font-size:12px}:focus-visible{outline:2px solid rgba(90,169,255,.65);outline-offset:2px;border-radius:4px}.num{font-family:var(--font-num)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1f;border:3px solid transparent;background-clip:content-box;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:content-box}.mono{font-family:var(--mono);font-size:12px;direction:ltr;text-align:left}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.topbar{position:sticky;top:0;z-index:60;height:var(--header-h);display:flex;align-items:center;background:#0d1117db;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;gap:14px;width:100%;padding:0 20px}.brand{display:flex;align-items:center;gap:9px;flex:none}.brand-mark{width:26px;height:26px;flex:none}.brand-name{font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.brand-slash{color:var(--text-4);font-size:15px;margin:0 2px}.topnav{display:flex;align-items:center;gap:2px}.topnav a{padding:6px 11px;border-radius:var(--r-control);font-size:13px;color:var(--text-2);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);white-space:nowrap}.topnav a:hover{color:var(--text);background:var(--surface)}.topnav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;min-width:36px;padding:0 10px;border-radius:var(--r-control);background:var(--surface);border:1px solid transparent;color:var(--text-2);font-size:12px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.icon-btn:hover{color:var(--text);background:var(--surface-2);border-color:var(--line)}.icon-btn[aria-pressed=true]{color:var(--accent-soft);border-color:var(--accent-line)}.search-btn{justify-content:flex-start;padding:0 12px;color:var(--text-3);min-width:150px}.search-btn kbd{margin-inline-start:auto;font-family:var(--mono);font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-3)}.cta-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:var(--r-control);background:#fff;color:var(--accent-deep);font-size:13px;font-weight:600;white-space:nowrap;transition:transform var(--dur) var(--ease),opacity var(--dur) var(--ease)}.cta-btn:hover{opacity:.92;transform:translateY(-1px)}.ghost-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:var(--r-control);border:1px solid var(--line-2);background:transparent;color:var(--text-2);font-size:12px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ghost-btn:hover{color:var(--text);background:var(--surface);border-color:var(--line-3)}.hamburger{display:none}.layout{display:flex;align-items:flex-start;gap:0;padding:0 20px}.sidebar{position:sticky;top:calc(var(--header-h) + 16px);flex:none;width:var(--sidebar-w);max-height:calc(100vh - var(--header-h) - 32px);display:flex;flex-direction:column;padding:14px 0 0;border-radius:var(--r-card);background:#0d11179e;border:1px solid var(--line);overflow:hidden}.sidebar-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;margin:0 12px 10px;padding:3px;border-radius:var(--r-control);background:var(--bg);border:1px solid var(--line-2)}.sidebar-picker__item{display:grid;place-items:center;height:34px;border-radius:var(--r-sm);color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.sidebar-picker__item:hover{background:var(--surface);color:var(--text)}.sidebar-picker__item[aria-pressed=true]{background:#ffffff1f;color:var(--text)}.sidebar-picker__item:active{animation:tap-pop .22s var(--ease)}@keyframes tap-pop{0%{transform:scale(1)}45%{transform:scale(.88)}to{transform:scale(1)}}.sidebar-filter{display:flex;align-items:center;gap:7px;height:36px;margin:0 12px 12px;padding:0 10px;border-radius:var(--r-well);background:var(--bg);border:1px solid var(--line-2);color:var(--text-3)}.sidebar-filter input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:12px;color:var(--text)}.sidebar-filter input::placeholder{color:var(--text-4)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 14px 28px;overscroll-behavior:contain}.sidebar-title{margin:14px 0 6px;padding-inline-start:4px;font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:0}.sidebar-title:first-child{margin-top:4px}.sidebar-item{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:var(--r-sm);font-size:13px;color:var(--text-2);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.sidebar-item:hover{color:var(--text);background:var(--surface)}.sidebar-item.is-active{color:var(--text);background:var(--surface-2);font-weight:500}.sidebar-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-empty{padding:10px 6px;font-size:12px;color:var(--text-3)}.sidebar-foot{border-top:1px solid var(--line);padding:10px 14px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--text-3)}.main{flex:1;min-width:0;padding:0 0 64px 28px}.page{padding-top:40px;animation:page-in .32s var(--ease) both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-title{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.page-sub{font-size:13px;color:var(--text-2);margin-top:6px;max-width:62ch}.browse-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-wrap:wrap}.field{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:var(--r-control);background:var(--surface);border:1px solid var(--line);color:var(--text-3);transition:border-color var(--dur) var(--ease)}.field:focus-within{border-color:var(--line-3)}.field input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:13px;color:var(--text)}.field input::placeholder{color:var(--text-4)}.field--search{min-width:210px}.select{position:relative;display:flex;align-items:center;height:38px;border-radius:var(--r-control);background:var(--surface);border:1px solid var(--line);transition:border-color var(--dur) var(--ease)}.select:hover{border-color:var(--line-2)}.select select{appearance:none;border:0;background:none;outline:none;cursor:pointer;padding:0 34px 0 14px;height:100%;font-size:13px;color:var(--text-2)}.select select option{background:var(--bg-deep);color:var(--text)}.select__caret{position:absolute;left:11px;pointer-events:none;color:var(--text-3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:16px}.card{display:block;padding:6px;border-radius:var(--r-card);background:var(--surface);border:1px solid transparent;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover{background:var(--surface-2);border-color:var(--line-2);transform:translateY(-2px)}.card-media{position:relative;border-radius:var(--r-well);overflow:hidden;background:var(--bg-sunk);border:1px solid var(--line)}.card-well{position:relative;height:190px;display:grid;place-items:center;overflow:hidden}.card-well>*{width:100%;height:100%}.card-well__scale{width:100%;height:100%;display:grid;place-items:center;transform:scale(.66);transform-origin:center;pointer-events:none}.card-badge{position:absolute;top:10px;inset-inline-start:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-badge);background:var(--accent-wash);border:1px solid var(--accent-line);color:#cfe6ff;font-size:10px;font-weight:600;backdrop-filter:blur(6px)}.card-fav{position:absolute;top:8px;inset-inline-end:8px;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-2);background:#06080c9e;border:1px solid var(--line);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--dur) var(--ease),color var(--dur) var(--ease)}.card:hover .card-fav,.card-fav[aria-pressed=true]{opacity:1}.card-fav:hover{color:var(--text)}.card-fav[aria-pressed=true]{color:var(--accent-soft);border-color:var(--accent-line)}.card-body{padding:12px 8px 8px;display:flex;align-items:center;gap:10px}.card-title{font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.4}.card-cat{font-size:11px;color:var(--text-3);margin-top:2px}.card-arrow{margin-inline-start:auto;color:var(--text-4);opacity:0;transform:translate(4px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.card:hover .card-arrow{opacity:1;transform:none}.empty{display:grid;place-items:center;gap:10px;padding:70px 20px;text-align:center;border-radius:var(--r-card);border:1px dashed var(--line-2);color:var(--text-2)}.empty strong{font-size:15px;font-weight:600;color:var(--text)}.detail-head{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:20px}.detail-title{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.detail-desc{margin-top:8px;font-size:13px;color:var(--text-2);max-width:64ch}.detail-meta{display:flex;align-items:center;gap:7px;margin-top:12px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);background:var(--bg-sunk);border:1px solid var(--action);color:#ccc;font-size:11px}.chip--link:hover{border-color:var(--accent-line);color:var(--text)}.detail-actions{display:flex;align-items:center;gap:6px;margin-inline-start:auto;flex-wrap:wrap}.seg{position:relative;display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-control);background:var(--surface);border:1px solid var(--line)}.seg-thumb{position:absolute;top:3px;left:0;height:calc(100% - 6px);border-radius:var(--r-sm);background:#ffffff1f;border:1px solid var(--line-2);pointer-events:none;touch-action:none;transition:transform .32s var(--ease),width .32s var(--ease)}.seg-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-sm);font-size:12px;color:var(--text-2);white-space:nowrap;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.seg-btn:hover,.seg-btn.is-active{color:var(--text)}.seg-btn:active{transform:scale(.97)}.seg-btn--icon{padding:0;width:30px;justify-content:center}.seg--sm .seg-btn{height:28px;padding:0 11px;font-size:12px}.stage-frame{position:relative;border-radius:var(--r-stage);background:var(--bg-well);border:1px solid var(--line);overflow:hidden}.stage-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);background:#06080c80}.stage-bar__label{font-size:11px;color:var(--text-3)}.stage-bar__actions{margin-inline-start:auto;display:flex;align-items:center;gap:4px}.stage-bar__btn{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-sm);color:var(--text-2);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.stage-bar__btn:hover{color:var(--text);background:var(--surface-2)}.stage{position:relative;min-height:400px;display:grid;place-items:center;padding:32px 24px;overflow:hidden}.stage--resizable{padding:0}.stage-resize{position:absolute;inset-block:0;inset-inline-end:0;width:22px;display:grid;place-items:center;cursor:ew-resize;touch-action:none;color:var(--text-4);background:linear-gradient(to left,transparent,rgba(6,8,12,.45));transition:color var(--dur) var(--ease)}.stage-resize:hover,.stage-resize[data-dragging=true]{color:var(--text-2)}.stage-resize__bar{width:4px;height:46px;border-radius:999px;background:var(--action-hover)}.stage-size{position:absolute;top:10px;inset-inline-start:50%;transform:translate(-50%) scaleX(-1);font-size:11px;color:var(--text-3);padding:2px 8px;border-radius:var(--r-pill);background:#06080cb3;border:1px solid var(--line);pointer-events:none}.stage-surface{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.code-panel{border-radius:var(--r-stage);background:var(--bg-sunk);border:1px solid var(--line);overflow:hidden}.code-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}.code-file{font-family:var(--mono);font-size:11px;color:var(--text-2);direction:ltr}.code-head__actions{margin-inline-start:auto;display:flex;align-items:center;gap:4px}.code-body{max-height:520px;overflow:auto;padding:14px 16px}.code-body pre{margin:0;direction:ltr;text-align:left;font-size:12px;line-height:1.75;color:#cfcbd8;white-space:pre;tab-size:2}.code-body .tok-key{color:#7fb0ff}.code-body .tok-str{color:#a7d9a0}.code-body .tok-num{color:#e5b567}.code-body .tok-com{color:var(--text-4);font-style:italic}.code-body .tok-tag{color:#5fd0c5}.code-body .tok-attr{color:#9dcbff}.code-body .tok-punc{color:var(--text-3)}.customize{margin-top:18px;padding:4px;border-radius:var(--r-stage);background:var(--surface);border:1px solid var(--line)}.customize-head{display:flex;align-items:center;padding:8px 12px 10px 14px}.customize-head h3{font-size:14px;font-weight:600}.customize-head__count{margin-inline-start:8px;font-size:11px;color:var(--text-3)}.customize-head__actions{margin-inline-start:auto;display:flex;align-items:center;gap:2px}.mini-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px;border-radius:var(--r-sm);font-size:12px;color:#aaa;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.mini-btn:hover{color:var(--text);background:var(--surface-2)}.customize-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:8px;padding:14px 12px;border-radius:var(--r-well);background:var(--bg);border:1px solid var(--line)}.scrubber{position:relative;user-select:none}.scrubber__track{position:relative;display:flex;align-items:center;height:40px;width:100%;padding:0 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid transparent;cursor:ew-resize;overflow:hidden;touch-action:none;transition:border-color var(--dur) var(--ease)}.scrubber__track:hover,.scrubber__track[data-dragging=true]{border-color:var(--line-2)}.scrubber__track:focus-visible{border-color:#5aa9ff80}.scrubber__track--select{cursor:pointer}.scrubber__fill{position:absolute;inset-block:1px;inset-inline-start:1px;border-radius:var(--r-sm);background:#ffffff0f;pointer-events:none}.scrubber__ticks{position:absolute;inset-block:1px;inset-inline:1px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}.scrubber__tick{width:1px;height:8px;border-radius:999px;background:var(--action)}.scrubber__tick--on{background:#9dcbff8c}.scrubber__thumb{position:absolute;top:50%;width:4px;height:18px;border-radius:999px;background:#ffffffe6;transform:translate(50%,-50%);pointer-events:none;box-shadow:0 0 0 3px #0d1117b3}.scrubber__label{position:relative;z-index:1;font-size:13px;font-weight:500;color:var(--text-2);white-space:nowrap;pointer-events:none}.scrubber__right{position:relative;z-index:1;margin-inline-start:auto;display:flex;align-items:center;gap:6px;pointer-events:none}.scrubber__value{font-size:13px;font-weight:500;color:var(--text);font-family:var(--font-num);direction:ltr}.scrubber__caret{color:var(--text-3)}.scrubber__menu{position:absolute;z-index:40;top:calc(100% + 4px);inset-inline:0;padding:4px;border-radius:var(--r-control);background:var(--bg-deep);border:1px solid var(--line-2);box-shadow:var(--menu-shadow);max-height:210px;overflow-y:auto}.scrubber__menu button{display:block;width:100%;text-align:start;padding:7px 9px;border-radius:var(--r-sm);font-size:12px;color:var(--text-2)}.scrubber__menu button:hover,.scrubber__menu button[aria-selected=true]{background:var(--surface-2);color:var(--text)}.switch-row{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid transparent}.switch-row__label{font-size:13px;font-weight:500;color:var(--text-2)}.switch{margin-inline-start:auto;position:relative;width:38px;height:22px;border-radius:999px;background:var(--action);border:1px solid var(--line-2);transition:background var(--dur) var(--ease)}.switch[aria-pressed=true]{background:#5aa9ff6b;border-color:#5aa9ff80}.switch__knob{position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#ffffffd9;transition:inset-inline-start var(--dur) var(--ease)}.switch[aria-pressed=true] .switch__knob{inset-inline-start:18px;background:#fff}.text-input-row{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid transparent;transition:border-color var(--dur) var(--ease)}.text-input-row:focus-within{border-color:var(--line-2)}.text-input-row__label{font-size:13px;font-weight:500;color:var(--text-2);flex:none}.text-input-row input{flex:1;min-width:0;border:0;background:none;outline:none;text-align:end;font-size:13px;color:var(--text)}.color-row{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:var(--r-sm);background:var(--surface);border:1px solid transparent}.color-row__label{font-size:13px;font-weight:500;color:var(--text-2)}.color-row__swatches{margin-inline-start:auto;display:flex;align-items:center;gap:5px}.color-row__swatch{width:20px;height:20px;border-radius:var(--r-badge);border:1px solid var(--line-2);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.color-row__swatch:hover{transform:scale(1.12)}.color-row__swatch[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 2px #ffffff24}.section{margin-top:22px}.section-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.section-head h3{font-size:14px;font-weight:600}.section-head__count{font-size:11px;color:var(--text-3)}.section-head__actions{margin-inline-start:auto}.panel{border-radius:var(--r-stage);background:var(--surface);border:1px solid var(--line);overflow:hidden}.prop-table-wrap{overflow-x:auto}.prop-table{width:100%;border-collapse:collapse;min-width:640px}.prop-table th{text-align:start;font-size:11px;font-weight:500;color:var(--text-3);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.prop-table td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--text-2);vertical-align:top}.prop-table tr:last-child td{border-bottom:0}.prop-table tbody tr:hover td{background:#ffffff05}.prop-name{font-family:var(--mono);font-size:12px;color:#e6e2ee;direction:ltr;text-align:left;white-space:nowrap}.prop-type{font-family:var(--mono);font-size:11.5px;color:var(--accent-soft);direction:ltr;text-align:left;white-space:nowrap}.prop-default{font-family:var(--mono);font-size:11.5px;color:var(--text-3);direction:ltr;text-align:left;white-space:nowrap}.dep-list{padding:14px;display:grid;gap:10px}.dep-cmd{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--r-well);background:var(--bg-sunk);border:1px solid var(--line)}.dep-cmd code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;color:#cfcbd8}.dep-note{font-size:12px;color:var(--text-3)}.pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.pager-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--r-stage);background:var(--surface);border:1px solid var(--line);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pager-link:hover{background:var(--surface-2);border-color:var(--line-2)}.pager-link--next{justify-content:flex-end;text-align:end}.pager-key{font-size:11px;color:var(--text-3)}.pager-name{font-size:14px;font-weight:600;margin-top:2px}.pager-arrow{color:var(--text-3)}.pager-spacer{border-radius:var(--r-stage);border:1px dashed var(--line)}.footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-3)}.footer a:hover{color:var(--text)}.footer-spacer{flex:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:var(--r-pill);background:#090c128c;border:1px solid var(--line-2);color:#cfd6df;font-size:11px;backdrop-filter:blur(8px)}.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);animation:dot-pulse 2.6s var(--ease) infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.45}}.brand-latin{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--text-4);text-transform:uppercase}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px}.feature{padding:16px;border-radius:var(--r-stage);background:var(--surface);border:1px solid var(--line)}.feature h4{font-size:14px;font-weight:600}.feature p{margin-top:6px;font-size:12.5px;color:var(--text-2)}.feature-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r-well);background:var(--action);border:1px solid var(--line-2);color:var(--accent-soft);margin-bottom:11px}.install-steps{display:grid;gap:10px}.install-step{display:grid;gap:7px}.install-step__label{font-size:11px;color:var(--text-3)}.step-num{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--action);border:1px solid var(--line-2);font-size:11px;font-family:var(--font-num);color:var(--text-2)}.overlay{position:fixed;inset:0;z-index:90;background:#06080ca8;backdrop-filter:blur(3px);display:grid;place-items:start center;padding:12vh 16px 16px;animation:fade-in .16s var(--ease) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.palette{width:min(560px,100%);border-radius:var(--r-card);background:var(--bg-deep);border:1px solid var(--line-2);box-shadow:var(--menu-shadow);overflow:hidden;animation:palette-in .2s var(--ease) both}@keyframes palette-in{0%{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:none}}.palette-input{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);color:var(--text-3)}.palette-input input{flex:1;border:0;background:none;outline:none;font-size:14px;color:var(--text)}.palette-list{max-height:340px;overflow-y:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-sm);font-size:13px;color:var(--text-2)}.palette-item:hover,.palette-item.is-active{background:var(--surface-2);color:var(--text)}.palette-item__cat{margin-inline-start:auto;font-size:11px;color:var(--text-4)}.palette-empty{padding:24px;text-align:center;font-size:13px;color:var(--text-3)}.palette-foot{display:flex;align-items:center;gap:12px;padding:9px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--text-4)}.palette-foot kbd{font-family:var(--mono);font-size:10px;padding:1px 5px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-3)}.toast{position:fixed;bottom:22px;inset-inline-start:50%;transform:translate(50%);z-index:100;display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:var(--r-control);background:var(--bg-deep);border:1px solid var(--line-2);box-shadow:var(--menu-shadow);font-size:13px;animation:toast-in .24s var(--ease) both}@keyframes toast-in{0%{opacity:0;transform:translate(50%) translateY(10px)}to{opacity:1;transform:translate(50%)}}.toast__dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.demo-center{display:grid;place-items:center;width:100%;height:100%;padding:24px;text-align:center}.demo-fill{position:absolute;inset:0}@media(max-width:1100px){.main{padding-inline-start:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(226px,1fr))}}@media(max-width:900px){.layout{padding:0 14px}.sidebar{position:fixed;z-index:70;top:var(--header-h);bottom:0;right:0;left:auto;width:min(320px,86vw);max-height:none;border-radius:0;border-left:1px solid var(--line-2);border-top:0;border-bottom:0;background:var(--bg-deep);visibility:hidden;transform:translate(100%);transition:transform .24s var(--ease),visibility .24s var(--ease);box-shadow:var(--menu-shadow)}.sidebar.is-open{visibility:visible;transform:translate(0)}.main{padding-inline:0}.topnav{display:none}.hamburger{display:inline-flex}.search-btn{min-width:0;padding:0 10px}.search-btn span,.search-btn kbd{display:none}.page-title,.detail-title{font-size:24px}.pager{grid-template-columns:1fr}.stage{min-height:320px;padding:20px 14px}.customize-body{grid-template-columns:1fr}.browse-tools{margin-inline-start:0;width:100%}.field--search{flex:1;min-width:0}}@media(max-width:560px){.grid{grid-template-columns:1fr}.topbar-inner{padding:0 12px;gap:8px}.brand-name{display:none}.cta-btn{padding:0 11px}.detail-actions{margin-inline-start:0;width:100%}}.scrim{position:fixed;inset:0;z-index:65;background:#06080c99;animation:fade-in .16s var(--ease) both}.layout--home{padding:0}.main--home{padding:0 0 72px}.main--home .footer{margin-inline:24px}.home-hero{position:relative;min-height:calc(100vh - var(--header-h));padding:88px 24px 64px;display:grid;place-items:center;overflow:hidden}.home-hero__canvas{position:absolute;inset:0;opacity:.92}.home-hero__fade{position:absolute;inset-inline:0;bottom:0;height:38%;background:linear-gradient(to bottom,rgba(13,17,23,0) 0%,var(--bg) 92%);pointer-events:none}.home-hero__content{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;max-width:820px;text-align:center}.home-title{font-size:clamp(30px,5vw,50px);font-weight:700;letter-spacing:-.03em;line-height:1.3}.home-sub{font-size:14.5px;line-height:1.9;color:var(--text-2);max-width:60ch}.home-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.cta-btn--lg{height:42px;padding:0 20px;border-radius:12px;font-size:13.5px}.home-meta{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--text-4)}.home-meta__sep{color:var(--text-4);opacity:.7}.home-section{max-width:1280px;margin:42px auto 0;padding-inline:24px}.home-section__head{display:flex;align-items:baseline;gap:10px}.home-section__title{font-size:19px;font-weight:600;letter-spacing:-.015em}.home-section__count{font-size:11.5px;color:var(--text-3)}.home-section__all{margin-inline-start:auto;border-radius:var(--r-pill);border:1px solid var(--line);padding:0 11px}.home-section__blurb{margin:6px 0 16px;font-size:12.5px;color:var(--text-3);max-width:70ch}.fab{position:fixed;bottom:26px;inset-inline-start:26px;z-index:55;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 17px;border-radius:var(--r-pill);background:#0d1117db;border:1px solid var(--line-2);color:var(--text);backdrop-filter:blur(10px);box-shadow:0 14px 34px #00000075;animation:fab-in .46s var(--ease) both;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}@keyframes fab-in{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}.fab:hover{border-color:var(--accent-line);transform:translateY(-2px)}.fab__ring{position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--accent-line);opacity:0;animation:fab-ring 3.6s ease-out infinite;pointer-events:none}@keyframes fab-ring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.28)}}.fab__label{font-size:12.5px;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .26s var(--ease),opacity .2s var(--ease)}.fab:hover .fab__label,.fab:focus-visible .fab__label{max-width:130px;opacity:1}.browse-tabs{margin-bottom:20px;display:flex}.browse-tabs .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}.browse-tabs .seg::-webkit-scrollbar{display:none}.browse-group+.browse-group{margin-top:30px}.browse-group__head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.browse-group__icon{display:grid;place-items:center;color:var(--accent-soft)}.browse-group__title{font-size:15px;font-weight:600;letter-spacing:-.01em}.browse-group__count{font-size:11px;color:var(--text-3);padding:1px 8px;border-radius:var(--r-badge);background:var(--surface);border:1px solid var(--line)}.chip--new{border-color:var(--accent-line);color:#cfe6ff}.code-tabs{margin-bottom:12px;display:inline-flex}.tech{margin-top:16px;border-radius:var(--r-control);background:var(--surface);border:1px solid var(--line);overflow:hidden}.tech-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;text-align:start;transition:background var(--dur) var(--ease)}.tech-toggle:hover{background:var(--surface-2)}.tech-toggle__label{font-size:13px;font-weight:600}.tech-toggle__hint{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tech-toggle__dot{width:3px;height:3px;border-radius:50%;background:var(--text-4)}.tech-toggle__chev{margin-inline-start:auto;display:grid;place-items:center;color:var(--text-3);transition:transform .26s var(--ease)}.tech-body{border-top:1px solid var(--line);animation:tech-in .3s var(--ease) both}@keyframes tech-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.tech-inner{display:grid;gap:14px;padding:14px}.tech-block{display:grid;gap:8px}.tech-block__title{font-size:11.5px;font-weight:600;color:var(--text-2)}.tech-install{padding:12px;display:grid;gap:10px}.tech-foot{margin:0;font-size:12px;color:var(--text-3)}.tech-foot__link{color:var(--accent-soft)}.panel{border-radius:var(--r-control)}.prop-table th{padding:9px 13px;font-size:10.5px}.prop-table td{padding:9px 13px;font-size:12px}.customize{border-radius:var(--r-control)}.customize-body{padding:12px;gap:7px}.section{margin-top:18px}.pager-link{padding:11px 13px;border-radius:var(--r-control)}.pager-spacer{border-radius:var(--r-control)}.stage-bar{padding:7px 10px}.dock{display:flex;align-items:flex-end;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line)}.dock__item{display:grid;place-items:center;border-radius:var(--r-well);background:var(--bg);border:1px solid var(--line);color:var(--text-2);transform-origin:bottom center;transition:transform .18s cubic-bezier(.22,1,.36,1),color .18s var(--ease),border-color .18s var(--ease)}.dock__item:hover{color:var(--text);border-color:var(--line-2)}.stepper{display:flex;gap:6px;width:min(560px,100%);padding:4px}.stepper--horizontal{flex-direction:row;align-items:center}.stepper--vertical{flex-direction:column;gap:10px;align-items:stretch}.stepper__item{position:relative;display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0}.stepper__dot{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:12px;background:var(--action);border:1px solid var(--line-2);color:var(--text-2);transition:background .28s var(--ease),color .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease),box-shadow .28s var(--ease)}.stepper__item[data-state=done] .stepper__dot{background:var(--accent-wash);border-color:var(--accent-line);color:var(--accent-soft)}.stepper__item[data-state=current] .stepper__dot{background:var(--accent);border-color:transparent;color:#08131f;font-weight:600;transform:scale(1.08);box-shadow:0 0 0 4px var(--accent-wash)}.stepper__label{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper__item[data-state=done] .stepper__label{color:var(--text-2)}.stepper__item[data-state=current] .stepper__label{color:var(--text);font-weight:600}.stepper__line{flex:1 1 auto;min-width:14px;height:1px;margin-inline:4px;background:var(--line-2)}.stepper__item[data-state=done] .stepper__line{background:var(--accent-line)}.stepper--vertical .stepper__item{padding-bottom:10px}.stepper--vertical .stepper__line{position:absolute;inset-inline-start:13px;top:30px;bottom:0;width:1px;height:auto;margin:0;min-width:0}.click-spark{position:relative;width:min(380px,100%);height:212px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:var(--r-card);background:var(--surface);border:1px dashed var(--line-2);overflow:hidden;cursor:crosshair;user-select:none}.click-spark__hint{font-size:11.5px;color:var(--text-4)}.click-spark__btn{display:inline-flex;align-items:center;height:40px;padding:0 22px;border-radius:var(--r-control);background:#fff;color:var(--accent-deep);font-size:13px;font-weight:600;pointer-events:none}.click-spark__burst{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.click-spark__burst line{stroke-dasharray:36 60;stroke-dashoffset:36;animation:spark-out .64s var(--ease) both}@keyframes spark-out{0%{stroke-dashoffset:36;opacity:1}70%{opacity:1}to{stroke-dashoffset:-34;opacity:0}}.star-btn{position:relative;display:inline-flex;padding:1.5px;border-radius:var(--r-control);overflow:hidden;box-shadow:var(--sb-glow, none);transition:box-shadow .24s var(--ease)}.star-btn:before{content:"";position:absolute;inset:-140%;background:conic-gradient(from 0deg,transparent 0deg 256deg,var(--sb-color, #5aa9ff) 306deg,transparent 344deg);animation:star-spin var(--sb-speed, 4s) linear infinite}@keyframes star-spin{to{transform:rotate(1turn)}}.star-btn__inner{position:relative;z-index:1;display:inline-flex;align-items:center;height:42px;padding:0 24px;border-radius:calc(var(--r-control) - 1.5px);background:var(--bg);font-size:13.5px;font-weight:600;white-space:nowrap}.star-btn:before{inset:-160%}.tf-corner{position:absolute;width:10px;height:10px;border:2px solid var(--tf-color, #5aa9ff)}.tf-corner--tl{left:-2px;top:-2px;border-right:0;border-bottom:0;border-top-left-radius:4px}.tf-corner--tr{right:-2px;top:-2px;border-left:0;border-bottom:0;border-top-right-radius:4px}.tf-corner--bl{left:-2px;bottom:-2px;border-right:0;border-top:0;border-bottom-left-radius:4px}.tf-corner--br{right:-2px;bottom:-2px;border-left:0;border-top:0;border-bottom-right-radius:4px}.icon-btn:active,.mini-btn:active,.ghost-btn:active,.stage-bar__btn:active,.card-fav:active,.color-row__swatch:active{animation:press .26s var(--ease)}.cta-btn:active{animation:press-lg .26s var(--ease)}@keyframes press{0%{transform:scale(1)}45%{transform:scale(.955)}to{transform:scale(1)}}@keyframes press-lg{0%{transform:translateY(-1px) scale(1)}45%{transform:translateY(0) scale(.972)}to{transform:translateY(-1px) scale(1)}}@media(max-width:900px){.home-hero{padding:64px 18px 48px}.home-section{margin-top:34px;padding-inline:18px}.main--home .footer{margin-inline:18px}.fab{bottom:18px;inset-inline-start:16px;height:48px}.stepper--horizontal{flex-direction:column;align-items:stretch}.stepper--horizontal .stepper__item{padding-bottom:10px}.stepper--horizontal .stepper__line{position:absolute;inset-inline-start:13px;top:30px;bottom:0;width:1px;height:auto;margin:0;min-width:0;flex:none}}@media(max-width:560px){.home-title{font-size:30px}.home-sub{font-size:13.5px}.browse-group__head{flex-wrap:wrap}}