.wf-card{width:100%;height:100%;min-height:0;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:10px;padding:12px;box-sizing:border-box;color:var(--text);background:var(--bg)}.wf-card :is(span,small,b,strong,code,i,em){box-sizing:border-box}.wf-card small{color:var(--text-2);font-size:11px}.wf-card code{color:var(--text-2);font:600 11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.wf-card :is(.mark,.icon,.app,.logo){width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;color:#fff;background:var(--brand);font-size:16px;font-style:normal;font-weight:800}.wf-card :is(.bar,.row,.item,.node,.result,.file,.panel){min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.wf-card :is(.arrow,.flow){color:var(--text-3);font-style:normal;font-weight:700}.wf-card :is(.ok,.active){color:var(--brand);background:var(--brand-light)}.wf-card :is(.bad,.error){color:var(--red)}.wf-card>div{min-width:0}.wf-card>small{flex-basis:100%;text-align:center}.wf-card>i{color:var(--text-3);font-size:11px;font-style:normal}.wf-card>:is(span,strong){padding:8px 10px;border-radius:8px;background:var(--bg-soft);font-size:12px;line-height:1.45}.card .compact-preview>.card-demo-mount:has(>.wf-card){opacity:1;filter:none}.compact-preview .wf-card{padding:0;background:transparent}.wf-card :is(.wf-browser-tab,.wf-bookmark){display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:12px}.wf-card :is(.wf-browser-tab,.wf-bookmark) i{width:24px;height:24px;display:grid;place-items:center;border-radius:5px;color:#fff;background:var(--brand);font-style:normal}.wf-card .wf-page-heading{font-size:16px;font-weight:750}.wf-card :is(.wf-head-row,.wf-consumers,.wf-og-source,.wf-system-spots){display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.wf-card :is(.wf-head-row,.wf-og-source){max-width:170px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.wf-card :is(.wf-head-row span,.wf-consumers i,.wf-system-spots i){padding:3px 6px;border-radius:5px;color:var(--text-2);background:var(--bg-soft);font-size:10px;font-style:normal}.wf-card .wf-share-preview{width:180px;display:grid;grid-template-columns:minmax(0,1fr) 42px;grid-gap:2px 8px;gap:2px 8px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.wf-card .wf-share-preview :is(b,span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-card .wf-share-preview :is(span,i){color:var(--text-2);font-size:10px;font-style:normal}.wf-card .wf-share-preview i{grid-column:2;grid-row:1/3;display:grid;place-items:center;border-radius:5px;color:#fff;background:var(--brand)}.wf-card .wf-app-square{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#fff;background:var(--brand);font-size:20px}.wf-card :is(.wf-manifest-file,.wf-install-window){max-width:200px;display:grid;grid-gap:4px;gap:4px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft)}.wf-card .wf-install-window{background:var(--brand-light);text-align:center}.wf-card .wf-install-window i{color:var(--text-2);font-size:10px;font-style:normal}.wf-card .wf-logo-variants{display:flex;align-items:center;gap:7px}.wf-card .wf-logo-variants b{padding:8px 10px;border-radius:8px;background:var(--bg-soft);font-size:11px}.wf-card .wf-logo-variants .compact{color:#fff;background:var(--brand)}.wf-card .wf-logo-variants .inverse{color:#fff;background:#171923}.wf-not-found-page-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr)}.wf-card :is(.wf-address,.wf-response,.wf-page-copy){display:flex;flex-direction:column;gap:3px;padding:9px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:11px;overflow-wrap:anywhere}.wf-card .wf-response b{color:var(--red);font-size:18px}.wf-card .wf-page-copy a{color:var(--brand)}.wf-card .wf-cache-route,.wf-card .wf-hosting-timeline{display:flex;grid-template-columns:none;align-items:center;gap:6px}.wf-card .wf-cache-route>:is(span,strong),.wf-card .wf-hosting-timeline>:is(span,strong){min-height:0;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--bg-soft);font-size:10px;text-align:center}.wf-card .wf-cache-route>i,.wf-card .wf-hosting-timeline>i{color:var(--text-3);font-size:10px;font-style:normal}.wf-card :is(.wf-cache-status,.wf-hosting-note){flex-basis:100%;display:flex;justify-content:center;gap:8px;color:var(--text-2);font-size:10px;text-align:center}.wf-card :is(.wf-file,.wf-url-list,.wf-robots-rule,.wf-url-group,.wf-address-result){min-width:0;display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);font-size:10px;overflow-wrap:anywhere}.wf-card .wf-crawler{width:auto;height:auto;display:grid;place-items:start;grid-gap:4px;gap:4px;padding:8px;border-radius:8px;color:var(--text);background:var(--brand-light);font-size:10px}.wf-card .wf-crawler i{color:var(--text-3);font-style:normal}.wf-card .wf-robots-results{display:grid;grid-template-columns:none;grid-gap:4px;gap:4px}.wf-card .wf-robots-results span{min-height:0;padding:6px 8px;border:0;background:var(--brand-light);font-size:10px}.wf-card .wf-canonical-link{display:grid;justify-items:center;grid-gap:3px;gap:3px;color:var(--brand);font-size:10px}.wf-card .wf-canonical-link i{font-style:normal}.wf-stage{container:wf-stage/inline-size}.wf-stage>.scene-controls button{font-size:14px}.wf-stage-note{margin:16px 0 0;color:var(--text-2);font-size:16px;line-height:1.65;text-align:center}.wf-flow-arrow{align-self:center;color:var(--text-3);font-size:22px;font-weight:700}.wf-app-tile,.wf-brand-mark{width:44px;height:44px;display:grid;flex:0 0 auto;place-items:center;border-radius:12px;color:#fff;background:var(--brand);font-size:20px;font-weight:850}.wf-address-request,.wf-cookie-result,.wf-current-url,.wf-network-proof,.wf-site-source{min-width:0;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.wf-address-request,.wf-current-url,.wf-site-source>div{display:flex;flex-direction:column;align-items:flex-start}.wf-address-request small,.wf-cookie-result small,.wf-current-url small,.wf-network-proof b,.wf-site-source small{color:var(--text-3);font-size:14px}.wf-address-request code,.wf-current-url code,.wf-network-proof code,.wf-site-source code{max-width:100%;overflow-wrap:anywhere;color:var(--text);font:600 14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.wf-favicon-evidence{display:grid;grid-template-columns:minmax(250px,.9fr) auto minmax(300px,1.1fr);grid-gap:16px;gap:16px;align-items:center}.wf-browser-chrome{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:0 14px 34px color-mix(in srgb,var(--text) 5%,transparent)}.wf-tab-strip{min-height:84px;display:flex;align-items:flex-end;gap:4px;padding:28px 10px 0;background:var(--bg-soft)}.wf-tab-strip span{min-width:0;display:flex;align-items:center;gap:7px;padding:11px 12px;border-radius:9px 9px 0 0;color:var(--text-3);font-size:14px}.wf-tab-strip span.active{color:var(--text);background:var(--bg)}.wf-browser-list i,.wf-tab-strip i{width:20px;height:20px;display:grid;flex:0 0 auto;place-items:center;border-radius:5px;color:#fff;background:var(--brand);font-size:11px;font-style:normal;font-weight:800}.wf-browser-list{padding:18px}.wf-browser-list>strong{display:block;margin-bottom:12px;font-size:16px}.wf-browser-list>span{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:2px 9px;gap:2px 9px;align-items:center;padding:10px;border-radius:8px;background:var(--bg-soft)}.wf-browser-list i{grid-row:1/3}.wf-browser-list b{font-size:14px}.wf-browser-list small{color:var(--text-3);font-size:14px;overflow-wrap:anywhere}.wf-canonical-evidence,.wf-manifest-evidence,.wf-metadata-map,.wf-title-evidence{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);grid-gap:16px;gap:16px;align-items:center}.wf-title-results{display:grid;grid-gap:12px;gap:12px}.wf-canonical-result,.wf-install-result,.wf-metadata-consumer,.wf-title-results>div{min-width:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg);transition:background .2s ease,border-color .2s ease}.wf-title-results>div.on{border-color:color-mix(in srgb,var(--brand) 38%,var(--border));background:var(--brand-light)}.wf-canonical-result small,.wf-install-result small,.wf-metadata-consumer>small,.wf-title-results small{display:block;margin-bottom:7px;color:var(--text-3);font-size:14px}.wf-canonical-result strong,.wf-install-result strong,.wf-metadata-consumer a,.wf-metadata-consumer strong,.wf-title-results a,.wf-title-results strong{display:block;color:var(--text);font-size:16px;line-height:1.45}.wf-metadata-consumer a,.wf-title-results a{color:var(--brand)}.wf-canonical-result span,.wf-title-results code{display:block;margin-top:5px;color:var(--text-3);font-size:14px;overflow-wrap:anywhere}.wf-metadata-consumer{min-height:160px;display:flex;flex-direction:column;justify-content:center}.wf-metadata-consumer p{margin:6px 0 0;color:var(--text-2);font-size:14px}.wf-metadata-consumer.consumer-2{display:grid;grid-template-columns:92px minmax(0,1fr);grid-gap:12px;gap:12px}.wf-metadata-consumer.consumer-2>small{grid-column:1/-1}.wf-share-image{height:62px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 45%,#111));font-size:24px;font-weight:800}.wf-metadata-consumer.consumer-3{flex-direction:row;align-items:center;gap:12px}.wf-metadata-consumer.consumer-3>small{display:none}.wf-og-evidence{display:grid;grid-template-columns:minmax(300px,1.08fr) minmax(250px,.92fr);grid-gap:16px;gap:16px;align-items:stretch}.wf-share-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.wf-share-card-image{min-height:118px;display:grid;place-items:center;color:var(--text-3);background:var(--bg-soft);font-size:14px;font-weight:750}.wf-share-card.complete .wf-share-card-image{color:#fff;background:linear-gradient(135deg,var(--brand),#1f2937);font-size:26px;letter-spacing:.12em}.wf-share-card>:is(small,strong,p){display:block;margin:0 14px}.wf-share-card>small{margin-top:12px;color:var(--text-3);font-size:14px}.wf-share-card>strong{margin-top:4px;font-size:16px}.wf-share-card>p{margin-top:4px;margin-bottom:14px;color:var(--text-2);font-size:14px;line-height:1.5}.wf-app-icon-map,.wf-logo-evidence,.wf-not-found-evidence,.wf-robots-evidence,.wf-sitemap-evidence{display:grid;grid-template-columns:minmax(180px,.6fr) auto minmax(300px,1.4fr);grid-gap:18px;gap:18px;align-items:center}.wf-icon-master,.wf-logo-master{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:18px}.wf-icon-master>span,.wf-logo-master>span{width:80px;height:80px;display:grid;place-items:center;border-radius:22px;color:#fff;background:var(--brand);font-size:38px;font-weight:850}.wf-icon-master small,.wf-logo-master small{color:var(--text-3);font-size:14px}.wf-logo-context,.wf-system-surface{min-width:0;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}.wf-system-surface{min-height:160px;display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px}.wf-home-grid{display:grid;grid-template-columns:repeat(4,44px);grid-gap:12px;gap:12px}.wf-home-grid :is(i,span){width:44px;height:44px;border-radius:12px;background:var(--bg-soft)}.wf-home-grid span{display:grid;place-items:center;color:#fff;background:var(--brand);font-size:20px;font-weight:850}.wf-system-surface small,.wf-system-surface strong{font-size:14px}.wf-system-surface small{color:var(--text-3)}.wf-setting-row,.wf-system-search{width:min(100%,360px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:11px 13px;border-radius:10px;background:var(--bg-soft);font-size:14px}.wf-setting-row span,.wf-system-search span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--brand);font-weight:800}.wf-install-result{display:grid;justify-items:center;grid-gap:8px;gap:8px;text-align:center}.wf-install-result.step-2{background:var(--brand-light)}.wf-logo-master{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start}.wf-logo-master>span{width:58px;height:58px;border-radius:15px;font-size:28px;grid-row:1/3}.wf-logo-master b{font-size:22px}.wf-logo-context{padding:0;overflow:hidden}.wf-logo-context.context-2{color:#fff;background:#171923}.wf-logo-context header{min-height:58px;display:flex;align-items:center;gap:9px;padding:0 16px;border-bottom:1px solid var(--border)}.wf-logo-context.context-2 header{border-color:rgba(255,255,255,.16)}.wf-logo-context header>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--brand);font-weight:800}.wf-logo-context header>b{font-size:16px}.wf-logo-context nav{margin-left:auto;color:var(--text-2);font-size:14px}.wf-logo-context.context-2 nav{color:#cbd5e1}.wf-logo-context header>i{display:none;margin-left:auto;font-style:normal}.wf-logo-context.context-1{max-width:360px}.wf-logo-context.context-1 nav{display:none}.wf-logo-context.context-1 header>i{display:block}.wf-logo-context main{padding:22px 18px}.wf-logo-context main strong{font-size:18px}.wf-logo-context main p{margin:7px 0 0;color:var(--text-2);font-size:14px;line-height:1.55}.wf-logo-context.context-2 main p{color:#cbd5e1}.wf-http-result{min-height:154px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.wf-http-result code{width:-moz-fit-content;width:fit-content;padding:4px 8px;border-radius:6px;color:var(--text);background:var(--bg-soft);font-size:14px}.wf-http-result strong{font-size:20px}.wf-http-result span{color:var(--text-2);font-size:14px}.wf-http-result.redirected code{color:var(--brand);background:var(--brand-light)}.wf-cache-route,.wf-cookie-flow,.wf-hosting-timeline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.wf-cache-route>div,.wf-cookie-flow>div,.wf-hosting-timeline>div{min-width:0;min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.wf-cache-route>div.on,.wf-cookie-flow>div.on,.wf-hosting-timeline>div.on{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));background:var(--brand-light)}.wf-cache-route>span,.wf-cookie-flow>span,.wf-hosting-timeline>span{color:var(--text-3);font-size:20px;font-weight:750}.wf-cache-route>span.muted{opacity:.32}.wf-cache-route small,.wf-cookie-flow small,.wf-hosting-timeline small{color:var(--text-3);font-size:14px}.wf-cache-route strong,.wf-cookie-flow strong,.wf-hosting-timeline strong{font-size:16px;line-height:1.45}.wf-cache-route code,.wf-cookie-flow code,.wf-hosting-timeline code{overflow-wrap:anywhere;font-size:14px;line-height:1.55}.wf-network-proof{width:min(100%,520px);justify-content:space-between;margin:16px auto 0}.wf-sitemap-evidence{grid-template-columns:minmax(300px,1.1fr) auto minmax(240px,.9fr)}.wf-crawler-proof{min-height:176px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg);text-align:center}.wf-crawler{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:var(--brand);background:var(--brand-light);font-size:24px}.wf-crawler-proof strong{font-size:16px}.wf-crawler-proof code{font-size:14px}.wf-robots-evidence{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr)}.wf-robots-results{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.wf-robots-results>div{min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.wf-robots-results small{color:var(--text-3);font-size:14px}.wf-robots-results strong{font-size:16px}.wf-robots-results code{font-size:14px;overflow-wrap:anywhere}.wf-robots-results .ok strong{color:var(--green)}.wf-robots-results .blocked strong{color:var(--text-2)}.wf-canonical-evidence{grid-template-columns:minmax(230px,.8fr) auto minmax(300px,1.2fr) auto minmax(190px,.7fr)}.wf-canonical-result{text-align:center}.wf-css-evidence,.wf-dom-evidence{display:grid;grid-template-columns:minmax(280px,1fr) minmax(210px,.72fr) minmax(260px,.9fr);grid-gap:14px;gap:14px;align-items:stretch}.wf-computed-style,.wf-dom-tree{min-width:0;display:flex;flex-direction:column;gap:9px;padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--bg)}.wf-computed-style small,.wf-dom-tree small{color:var(--text-3);font-size:14px}.wf-computed-style code{overflow-wrap:anywhere;font-size:14px}.wf-computed-style span{color:var(--text-2);font-size:14px;line-height:1.55}.wf-button-preview,.wf-task-preview{min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.wf-button-preview button{padding:10px 16px;border:0;border-radius:9px;color:#fff;font-size:14px;font-weight:700;pointer-events:none}.wf-button-preview button.brand{background:var(--brand)}.wf-button-preview button.gray{background:#767676}.wf-button-preview small{color:var(--text-3);font-size:14px}.wf-dom-tree span{font:650 14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.wf-dom-tree i{padding-left:16px;color:var(--text-2);font:500 14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.wf-dom-tree i.new,.wf-task-preview span.new{color:var(--brand)}.wf-task-preview{align-items:flex-start;padding:18px}.wf-task-preview strong{font-size:17px}.wf-task-preview span{font-size:14px}.wf-devtools-window{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.wf-devtools-page{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:22px;border-right:1px solid var(--border)}.wf-devtools-page strong{font-size:18px}.wf-devtools-page input{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--bg);font-size:14px}.wf-devtools-page button{padding:9px 14px;border:0;border-radius:8px;color:#fff;background:var(--brand);font-size:14px;font-weight:700;pointer-events:none}.wf-devtools-page small{color:var(--text-3);font-size:14px}.wf-devtools-panel{min-width:0;background:#151923;color:#e5e7eb}.wf-devtools-panel>div{display:flex;gap:16px;padding:10px 14px;border-bottom:1px solid #303644;overflow-x:auto}.wf-devtools-panel>div span{flex:0 0 auto;color:#8f99aa;font-size:14px}.wf-devtools-panel>div span.on{color:#fff}.wf-devtools-panel pre{margin:0;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d8dee9;font:500 14px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.wf-cookie-result{width:min(100%,640px);flex-direction:column;align-items:center;margin:16px auto 0;text-align:center}.wf-cookie-result strong{font-size:16px}@container wf-stage (max-width: 900px){.wf-canonical-evidence{grid-template-columns:minmax(0,1fr)}.wf-canonical-evidence .wf-flow-arrow{transform:rotate(90deg);justify-self:center}}@container wf-stage (max-width: 820px){.wf-css-evidence,.wf-dom-evidence{grid-template-columns:minmax(0,1fr)}}@container wf-stage (max-width: 720px){.wf-app-icon-map,.wf-favicon-evidence,.wf-logo-evidence,.wf-manifest-evidence,.wf-metadata-map,.wf-not-found-evidence,.wf-sitemap-evidence,.wf-title-evidence{grid-template-columns:minmax(0,1fr)}.wf-flow-arrow{transform:rotate(90deg);justify-self:center}.wf-devtools-window,.wf-og-evidence,.wf-robots-evidence{grid-template-columns:minmax(0,1fr)}.wf-devtools-page{min-height:0;border-right:0;border-bottom:1px solid var(--border)}.wf-cache-route,.wf-cookie-flow,.wf-hosting-timeline{grid-template-columns:minmax(0,1fr)}.wf-cache-route>span,.wf-cookie-flow>span,.wf-hosting-timeline>span{transform:rotate(90deg);justify-self:center}.wf-cache-route>div,.wf-cookie-flow>div,.wf-hosting-timeline>div{min-height:0}}@media (max-width:620px){.wf-stage{padding:16px}}@container wf-stage (max-width: 520px){.wf-stage>.scene-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.wf-stage>.scene-controls::-webkit-scrollbar{display:none}.wf-stage>.scene-controls button{flex:0 0 auto}.wf-network-proof,.wf-site-source{align-items:flex-start;flex-direction:column}.wf-metadata-consumer.consumer-2,.wf-robots-results,.wf-title-results{grid-template-columns:minmax(0,1fr)}.wf-metadata-consumer.consumer-2>small{grid-column:auto}.wf-home-grid{grid-template-columns:repeat(4,38px);gap:8px}.wf-home-grid :is(i,span){width:38px;height:38px}.wf-logo-context nav{display:none}.wf-logo-context header>i{display:block}.wf-devtools-panel pre{font-size:13px}}.wf-crud-card .op,.wf-dtype-card span,.wf-field-card span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);font-size:11px;font-weight:600}.wf-crud-card b,.wf-dtype-card b,.wf-field-card b{width:100%;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}.wf-dtype-card i,.wf-field-card i{color:var(--brand);font-style:normal;font-size:10px}.wf-crud-table{width:100%;border:1px solid var(--border-light);border-radius:10px;overflow:hidden;font-size:12px}.wf-crud-table>div{display:grid;grid-template-columns:1.2fr 1fr .9fr;grid-gap:8px;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border-light);background:var(--bg);align-items:center}.wf-crud-table>div:last-child{border-bottom:0}.wf-crud-head{color:var(--text-3);font-size:10.5px;background:var(--bg-soft)}.wf-crud-table .is-new{background:var(--brand-light)}.wf-crud-table .is-new>span:first-child:before{content:"＋ ";color:var(--brand);font-weight:700}.wf-crud-table .is-gone{opacity:.55}.wf-crud-table .is-gone>span:first-child{text-decoration:line-through}.wf-crud-table del{margin-right:6px;color:var(--text-3)}.wf-crud-reading,.wf-crud-table .is-updated{color:var(--brand)}.wf-crud-reading{background:var(--brand-light);font-size:11px}.wf-crud-result{margin-top:14px;display:grid;grid-gap:4px;gap:4px;padding:10px 14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-soft)}.wf-crud-result strong{font-size:12.5px}.wf-crud-result small{color:var(--text-3);font-size:11px;line-height:1.5}.wf-field-map{display:grid;grid-template-columns:1fr 28px 1fr;grid-gap:10px;gap:10px;align-items:stretch}.wf-field-form,.wf-field-record{display:grid;grid-gap:7px;gap:7px;padding:12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg);align-content:start}.wf-field-form>small,.wf-field-record>small{color:var(--text-3);font-size:10.5px}.wf-field-form label,.wf-field-record>div{display:grid;grid-gap:3px;gap:3px;padding:7px 9px;border:1px solid var(--border-light);border-radius:7px;transition:border-color .2s var(--ease),background .2s var(--ease)}.wf-field-form label{grid-template-columns:minmax(0,1fr)}.wf-field-form label small,.wf-field-record small{color:var(--text-3);font-size:10px}.wf-field-form b,.wf-field-record b{font-size:11.5px}.wf-field-map .is-active{border-color:var(--brand);background:var(--brand-light)}.wf-field-map>span{align-self:center;color:var(--brand);font-size:16px;text-align:center}.wf-field-record>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:baseline}.wf-dtype-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.wf-dtype-field{display:grid;grid-gap:8px;gap:8px;align-content:start;padding:14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg)}.wf-dtype-field>small{color:var(--text-3);font-size:10.5px}.wf-dtype-field b,.wf-dtype-field code{padding:8px 11px;border:1px solid var(--border);border-radius:7px;background:var(--bg-soft);font-size:12.5px}.wf-dtype-field em{font-style:normal;font-size:11px;line-height:1.5;padding:7px 10px;border-radius:7px}.wf-dtype-field em.is-bad{color:#b4483c;background:#fdf6f6}.wf-dtype-field em.is-ok{color:#2c7a4b;background:#f0f9f3}@media (max-width:560px){.wf-field-map{grid-template-columns:minmax(0,1fr)}.wf-field-map>span{transform:rotate(90deg)}.wf-dtype-demo{grid-template-columns:minmax(0,1fr)}}.wf-io-card .file,.wf-io-card .tbl,.wf-key-card span,.wf-prompt-card .msg,.wf-sort-card .col,.wf-undo-card span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);font-size:11px;font-weight:600}.wf-sort-card .col.on{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.wf-io-card b,.wf-key-card b,.wf-prompt-card b,.wf-sort-card b,.wf-undo-card b{width:100%;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}.wf-io-card i{color:var(--brand);font-style:normal}.wf-io-card .file{border-style:dashed}.wf-ph-card .lbl,.wf-ph-card .ph{display:inline-flex;padding:4px 10px;border-radius:6px;font-size:11px}.wf-ph-card .lbl{border:1px solid var(--border);color:var(--text);font-weight:600}.wf-ph-card .ph{color:var(--text-3);background:var(--bg-soft);font-weight:400}.wf-ph-card i{color:var(--text-3);font-size:10px}.wf-undo-card .ok{border-color:#2c7a4b;color:#2c7a4b;background:#f0f9f3}.wf-key-card code{display:block;width:100%;padding:5px 10px;border-radius:6px;font:600 11px ui-monospace,monospace}.wf-key-card code.ok{color:#2c7a4b;background:#f0f9f3}.wf-key-card code.bad{color:#b4483c;background:#fdf6f6}.wf-key-card span{color:var(--text-3);font-size:10px}.wf-key-card br{width:100%}.wf-prompt-card .msg{max-width:100%;border-radius:10px;background:var(--brand-light);color:var(--text);text-align:left}.wf-sort-table{width:100%;border:1px solid var(--border-light);border-radius:10px;overflow:hidden;font-size:12px}.wf-sort-table>div{display:grid;grid-template-columns:1.2fr 1fr .8fr;grid-gap:8px;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border-light);align-items:center}.wf-sort-table>div:last-child{border-bottom:0}.wf-sort-head{background:var(--bg-soft);color:var(--text-3);font-size:10.5px}.wf-sort-head span{display:inline-flex;align-items:center;gap:4px}.wf-sort-head .is-active{color:var(--brand);font-weight:700}.wf-sort-head i{font-style:normal;color:var(--brand)}.wf-io-flow{display:grid;grid-template-columns:minmax(0,1.2fr) 24px minmax(0,.9fr) 24px minmax(0,.9fr);grid-gap:8px;gap:8px;align-items:center}.wf-io-flow>div{display:grid;grid-gap:7px;gap:7px;opacity:.45}.wf-io-flow>div.on{opacity:1}.wf-io-flow>span{color:var(--brand);text-align:center}.wf-io-flow small{color:var(--text-3);font-size:10.5px}.wf-io-table{display:grid;grid-gap:5px;gap:5px;padding:10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg)}.wf-io-table b{color:var(--text-3);font-size:10px;font-weight:600;text-align:left}.wf-io-table i{color:var(--border);letter-spacing:2px;font-style:normal;font-size:10px;text-align:center}.wf-io-table.is-excel{grid-template-columns:repeat(4,1fr)}.wf-io-table.is-excel b{text-align:center;padding:5px 0;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-soft);color:var(--text-2)}.wf-io-file{display:grid;grid-gap:4px;gap:4px;padding:12px;border:1.5px dashed var(--border);border-radius:8px;background:var(--bg-soft)}.wf-io-file b{color:var(--text);font-size:11.5px}.wf-io-file span{color:var(--text-3);font-size:10px}.wf-ph-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.wf-ph-form{display:grid;grid-gap:8px;gap:8px;align-content:start;padding:14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg)}.wf-ph-form.is-bad{border-color:#dcaaaa}.wf-ph-form>small{color:var(--text-3);font-size:10.5px}.wf-ph-form>span{color:var(--text-2);font-size:11px;line-height:1.5}.wf-ph-form.is-bad>span{color:#b4483c}.wf-ph-field{display:grid;grid-gap:5px;gap:5px}.wf-ph-field label{color:var(--text-2);font-size:10.5px;font-weight:600}.wf-ph-box{padding:8px 11px;border:1px solid var(--border);border-radius:7px;background:var(--bg)}.wf-ph-box i{color:var(--text-3);font-style:normal;font-size:11px}.wf-ph-box b{color:var(--text);font-size:11px;font-weight:500}.wf-undo-demo{display:grid;grid-gap:12px;gap:12px}.wf-undo-demo .wf-crud-head,.wf-undo-table>div:not(.wf-crud-head){display:grid;grid-template-columns:1.2fr 1fr;grid-gap:8px;gap:8px}.wf-undo-table>div:not(.wf-crud-head){padding:9px 14px;border-bottom:1px solid var(--border-light);align-items:center;font-size:12px}.wf-undo-table>div:last-child{border-bottom:0}.wf-undo-table .is-restored{background:#f0f9f3}.wf-undo-table .is-gone{opacity:.6}.wf-undo-table del{color:var(--text-3)}.wf-undo-table .is-gone b{margin-left:6px;color:#b4483c;font-size:10px}.wf-undo-keys{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wf-undo-keys kbd{padding:5px 10px;border:solid var(--border);border-width:1px 1px 2px;border-radius:6px;background:var(--bg-soft);font:600 11px ui-monospace,monospace;color:var(--text-2)}.wf-undo-keys kbd.is-active{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.wf-undo-keys small{color:var(--text-3);font-size:11px;line-height:1.5}.wf-key-demo{display:grid;grid-gap:10px;gap:10px}.wf-key-row{display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg)}.wf-key-row.is-ok{border-color:#bfe3cc;background:#f7fcf8}.wf-key-row.is-bad{border-color:#dcaaaa;background:#fdf8f8}.wf-key-row small{color:var(--text-3);font-size:10.5px}.wf-key-row code{padding:7px 10px;border-radius:6px;background:var(--bg);border:1px solid var(--border-light);color:var(--text);font:600 11.5px ui-monospace,monospace}.wf-key-row.is-ok code{color:#2c7a4b}.wf-key-row.is-bad code{color:#b4483c}.wf-prompt-demo{display:grid;grid-gap:10px;gap:10px}.wf-prompt-layer{display:grid;grid-gap:6px;gap:6px;padding:12px 14px;border-radius:10px;opacity:.5;transition:opacity .2s var(--ease)}.wf-prompt-layer.on{opacity:1}.wf-prompt-layer.is-system{border:1px dashed var(--border);background:var(--bg-soft)}.wf-prompt-layer.is-user{border:1px solid #b9c4f0;background:var(--brand-light)}.wf-prompt-layer.is-output{border:1px solid var(--border-light);background:var(--bg)}.wf-prompt-layer small{color:var(--text-3);font-size:10px}.wf-prompt-layer code{color:var(--text-2);font:500 11px ui-monospace,monospace}.wf-prompt-layer b{color:var(--text);font-size:12px;line-height:1.55}.wf-prompt-layer span{color:#2c7a4b;font-size:11.5px}@media (max-width:560px){.wf-io-flow{grid-template-columns:minmax(0,1fr)}.wf-io-flow>span{display:none}.wf-ph-demo{grid-template-columns:minmax(0,1fr)}}.wf-wire-card .blk{width:100%;height:18px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--border-light)}.wf-wire-card .blk.hero{height:26px;background:var(--brand-light)}.wf-wire-card .blk-row{display:flex;gap:6px}.wf-wire-card .blk-row i{flex:1 1;height:18px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--border-light)}.wf-a11y-card b,.wf-contrast-card b,.wf-hierarchy-card b,.wf-mood-card b,.wf-wire-card b{width:100%;color:var(--text-3);font-size:11px;font-weight:500;text-align:center}.wf-contrast-card span{padding:4px 10px;border-radius:6px;font-size:11px}.wf-contrast-card .bad{color:#b4483c;background:#fdf6f6}.wf-contrast-card .ok{color:#2c7a4b;background:#f0f9f3}.wf-hierarchy-card .h1{font-size:14px;font-weight:700}.wf-hierarchy-card .h2{font-size:11px;color:var(--text-3)}.wf-hierarchy-card .btn{padding:3px 10px;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-style:normal}.wf-mood-card .pic{padding:4px 10px;border-radius:6px;font-size:11px}.wf-mood-card .pic.ok{color:#2c7a4b;background:#f0f9f3}.wf-mood-card .pic.bad{color:#b4483c;background:#fdf6f6;text-decoration:line-through}.wf-a11y-card span{padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-2)}.wf-wire-page{width:100%;border:1px solid var(--border-light);border-radius:10px;overflow:hidden;background:var(--bg)}.wf-wire-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-light)}.wf-wire-head i{width:14px;height:14px;border-radius:4px;background:var(--brand-light);border:1px solid var(--border)}.wf-wire-head span{font-size:12px;font-weight:600}.wf-wire-head b{margin-left:auto;font-size:10px;color:var(--text-3);font-weight:400}.wf-wire-head b:empty{width:60px;height:10px;border-radius:999px;background:var(--bg-soft)}.wf-wire-hero{display:grid;grid-gap:7px;gap:7px;justify-items:center;padding:24px 16px;text-align:center;background:var(--bg)}.wf-wire-hero.is-styled{background:var(--brand-light)}.wf-wire-hero span{padding:8px 16px;border-radius:5px;background:var(--bg-soft);color:var(--text-3);font-size:10.5px}.wf-wire-hero.is-styled span{padding:0;border-radius:0;background:transparent;color:var(--text-2)}.wf-wire-hero b{padding:6px 18px;border-radius:5px;background:var(--bg-soft);color:var(--text-3);font-size:10.5px;font-weight:400}.wf-wire-hero.is-styled b{font-size:14px;font-weight:700;padding:0;border-radius:0;background:transparent;color:var(--text)}.wf-wire-hero.is-styled em{padding:5px 14px;border-radius:999px;background:var(--brand);color:#fff;font-size:10.5px;font-style:normal;font-weight:600}.wf-wire-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:12px 14px 14px}.wf-wire-cards i{height:42px;border-radius:6px}.wf-wire-cards i,.wf-wire-cards>div{background:var(--bg-soft);border:1px solid var(--border-light)}.wf-wire-cards>div{display:grid;grid-gap:4px;gap:4px;padding:9px 8px;border-radius:6px}.wf-wire-cards b{font-size:10.5px}.wf-wire-cards span{color:var(--text-3);font-size:9.5px}.wf-contrast-demo{display:grid}.wf-contrast-panel{display:grid;grid-gap:8px;gap:8px;padding:16px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg)}.wf-contrast-panel>small{color:var(--text-3);font-size:10.5px}.wf-contrast-sample{padding:14px;border-radius:8px}.wf-contrast-sample.is-low{background:var(--bg-soft)}.wf-contrast-sample.is-low b{color:var(--text-3);font-size:13px;font-weight:400;line-height:1.6}.wf-contrast-sample.is-ok{background:var(--bg-soft)}.wf-contrast-sample.is-ok b{color:var(--text);font-size:13px;line-height:1.6}.wf-contrast-sample.is-low-dark{background:#18181b}.wf-contrast-sample.is-low-dark b{color:#71717a;font-size:13px;font-weight:400;line-height:1.6}.wf-contrast-panel>span{font-size:11px}.wf-contrast-panel>span.is-bad{color:#b4483c}.wf-contrast-panel>span.is-ok{color:#2c7a4b}.wf-hierarchy-demo{border:1px solid var(--border-light);border-radius:10px;padding:18px 16px;background:var(--bg)}.wf-hierarchy-flat{display:grid;grid-gap:8px;gap:8px}.wf-hierarchy-flat b{font-size:12px;color:var(--text-2);font-weight:500}.wf-hierarchy-layered{display:grid;grid-gap:8px;gap:8px;justify-items:start}.wf-hierarchy-layered .l1{font-size:16px;font-weight:700;color:var(--text)}.wf-hierarchy-layered .l2{font-size:11px;color:var(--text-3);line-height:1.5}.wf-hierarchy-layered .l3{display:flex;gap:8px;align-items:center;margin-top:4px}.wf-hierarchy-layered .l3 em{padding:5px 14px;border-radius:999px;background:var(--brand);color:#fff;font-size:10.5px;font-style:normal;font-weight:600}.wf-hierarchy-layered .l3 i{font-size:10.5px;color:var(--text-3);font-style:normal}.wf-mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.wf-mood-tile{position:relative;display:grid;grid-gap:5px;gap:5px;padding:12px 10px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg)}.wf-mood-tile.is-ok{border-color:#bfe3cc}.wf-mood-tile.is-bad{border-color:#dcaaaa;opacity:.7}.wf-mood-tile i{height:34px;border-radius:5px;background:var(--bg-soft);color:var(--text-3);font-size:9.5px;font-style:normal;display:grid;place-items:center}.wf-mood-tile.is-ok i{background:var(--brand-light)}.wf-mood-tile.is-bad i{background:repeating-linear-gradient(45deg,var(--bg-soft),var(--bg-soft) 4px,var(--border-light) 4px,var(--border-light) 8px)}.wf-mood-tile span{color:var(--text-2);font-size:10px}.wf-mood-tile b{position:absolute;top:6px;right:8px;font-size:12px;font-weight:700}.wf-mood-tile.is-ok b{color:#2c7a4b}.wf-mood-tile.is-bad b{color:#b4483c}.wf-mood-color{display:grid;grid-gap:5px;gap:5px;padding:12px 10px;border:1.5px solid var(--brand);border-radius:8px;background:var(--bg);align-content:start}.wf-mood-color small{color:var(--text-3);font-size:9.5px}.wf-mood-color i{height:26px;border-radius:5px;background:var(--brand)}.wf-mood-color span{color:var(--text-2);font-size:10px;font-family:ui-monospace,monospace}.wf-a11y-demo{display:grid;grid-gap:10px;gap:10px}.wf-a11y-img{display:grid;grid-gap:6px;gap:6px;justify-items:center;padding:16px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg)}.wf-a11y-img i{display:grid;grid-gap:3px;gap:3px;width:72px;height:52px;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft)}.wf-a11y-img i span{border-radius:3px;background:var(--border-light)}.wf-a11y-img i span:first-child{height:10px;width:60%;background:var(--brand-light)}.wf-a11y-img i span:nth-child(2){height:4px;width:100%}.wf-a11y-img i span:nth-child(3){height:4px;width:75%}.wf-a11y-img span{color:var(--text-3);font-size:10.5px}.wf-a11y-alt{display:grid;grid-gap:6px;gap:6px;padding:10px 14px;border:1px dashed var(--border);border-radius:8px;background:var(--bg-soft)}.wf-a11y-alt small{color:var(--brand);font-size:10px;font-weight:700}.wf-a11y-alt code{color:var(--text-2);font:500 11px ui-monospace,monospace}.wf-a11y-tab{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wf-a11y-tab span{padding:8px 16px;border:1px solid var(--border);border-radius:7px;background:var(--bg);font-size:12px;color:var(--text-2)}.wf-a11y-tab span.is-focused{outline:2px solid var(--brand);outline-offset:3px;color:var(--text);font-weight:600}.wf-a11y-tab i{display:inline-block;margin-left:6px;color:var(--brand);font-size:10px;font-style:normal}.wf-a11y-contrast small,.wf-a11y-tab small{width:100%;color:var(--text-3);font-size:11px;line-height:1.5}.wf-a11y-contrast{display:grid;grid-gap:8px;gap:8px}.wf-a11y-contrast-row{padding:12px 14px;border-radius:8px;font-size:12px}.wf-a11y-contrast-row.is-bad{background:var(--bg-soft);color:var(--text-3)}.wf-a11y-contrast-row.is-ok{background:var(--bg-soft);color:var(--text)}@media (max-width:560px){.wf-mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.wf-a11y-card .chk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-2)}.wf-a11y-card .dot{width:7px;height:7px;border-radius:50%;background:var(--brand)}.serif-demo{display:flex;gap:14px}.serif-col{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.serif-col b{display:block;font-size:16px;color:var(--text);margin-bottom:6px}.serif-col p{font-size:12px;line-height:1.7;color:var(--text-2);margin:0 0 8px}.serif-serif-f{font-family:Georgia,Songti SC,serif}.serif-tag{font-size:12px;color:var(--text-3)}.serif-anat{display:flex;align-items:center;gap:16px}.serif-anat-l{font-size:46px;line-height:1;color:var(--text)}.serif-anat-note{font-size:12px;color:var(--text-2);border:1px dashed var(--border);background:var(--bg-soft);border-radius:999px;padding:4px 10px}.serif-v{display:inline-block}.grad-demo{display:flex;gap:10px}.grad-chip{flex:1 1;height:60px;border-radius:8px;display:flex;align-items:flex-end;padding:6px 8px;font-size:12px;color:#fff}.grad-chip.grad-mono{color:var(--text-2)}.grad-linear{background:linear-gradient(120deg,#165dff,#722ed1)}.grad-radial{background:radial-gradient(circle at 35% 30%,#7fb2ff,#165dff)}.grad-duo{background:linear-gradient(120deg,#f76965,#722ed1)}.grad-mono{background:linear-gradient(160deg,#f2f7ff,#c2d6ff)}.grad-anat{display:flex;align-items:center;gap:8px}.grad-anat-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--bg);box-shadow:0 0 0 1px var(--text-3);display:inline-block}.grad-anat-arrow{font-size:16px;color:var(--text-3)}.grad-anat-bar{position:relative;width:150px;height:18px;border-radius:999px;background:linear-gradient(90deg,#165dff,#722ed1);display:inline-block}.grad-anat-stop{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--text-2)}.grad-v{display:inline-block;width:64px;height:42px;border-radius:8px}.corner-demo{display:flex;gap:14px;align-items:flex-end}.corner-item{flex-direction:column;gap:5px;color:var(--text-3)}.corner-btn,.corner-item{display:flex;align-items:center;font-size:12px}.corner-btn{width:60px;height:32px;background:var(--brand);color:#fff;justify-content:center}.corner-anat{display:flex;align-items:center;gap:14px}.corner-anat-s{width:42px;height:30px;display:block}.corner-anat-s,.corner-v{background:var(--brand-light);border:1.5px solid var(--brand)}.corner-v{display:inline-block;width:54px;height:34px}.hover-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.hover-dead-card,.hover-live-card{width:88px;padding:10px 8px;display:flex;flex-direction:column;gap:3px;text-align:center;background:var(--bg);border:1px solid var(--border-light);border-radius:8px}.hover-dead-card b,.hover-live-card b{font-size:12px;color:var(--text)}.hover-dead-card i,.hover-live-card i{font-size:12px;color:var(--text-3);font-style:normal}.hover-live-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.hover-live-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(29,33,41,.16);border-color:var(--brand);background:var(--brand-light)}.hover-dead-card{opacity:.75}.hover-live-btn{padding:8px 16px;border-radius:6px;background:var(--brand);color:#fff;font-size:12px;cursor:pointer;transition:background .15s,transform .15s}.hover-live-btn:hover{background:var(--brand-hover);transform:translateY(-2px)}.hover-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}.hover-btn{padding:9px 22px;border-radius:6px;background:var(--brand);color:#fff;font-size:13px}.hover-anat-chip{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;color:var(--text-2)}.hover-v{display:inline-flex;align-items:center;gap:8px}.hover-v-btn{padding:5px 14px;border-radius:5px;background:var(--brand);color:#fff;font-size:12px}.hover-v-btn.hov-color{background:var(--brand-hover)}.hover-v-card{width:34px;height:24px;background:var(--bg);border:1px solid var(--border-light);border-radius:5px}.hover-v-card.hov-lift{transform:translateY(-2px);box-shadow:0 4px 10px rgba(29,33,41,.16)}.hover-v-row{font-size:12px;color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:5px 10px}.hover-v-row i{font-style:normal;opacity:.55;margin-left:4px}.active-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.active-half-btn,.active-live-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:10px 20px;border-radius:6px;background:var(--brand);color:#fff;font-size:13px;transition:transform .1s,box-shadow .1s,background .15s}.active-half-btn:hover,.active-live-btn:hover{background:var(--brand-hover)}.active-live-btn:active{transform:scale(.96);background:#0e42d2;box-shadow:inset 0 2px 5px rgba(0,0,0,.25)}.active-live-item{padding:8px 14px;border-radius:6px;cursor:pointer;background:var(--bg);border:1px solid var(--border);font-size:12px;color:var(--text);transition:transform .1s,background .1s}.active-live-item:active{transform:scale(.97);background:var(--bg-hover)}.active-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}.active-btn{padding:9px 22px;border-radius:6px;background:var(--brand);color:#fff;font-size:13px}.active-btn.is-active{background:#0e42d2;transform:scale(.96)}.active-anat-chip{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;color:var(--text-2)}.active-v{display:inline-flex;align-items:center;gap:8px}.active-v-btn{padding:5px 14px;border-radius:5px;background:var(--brand);color:#fff;font-size:12px}.active-v-btn.v-scale{background:#0e42d2;transform:scale(.94)}.active-v-btn.v-dark{background:#0e42d2}.active-v-btn.v-inset{box-shadow:inset 0 2px 5px rgba(0,0,0,.3)}.focus-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.focus-dead-input,.focus-live-input{width:150px;padding:8px 11px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.focus-live-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,93,255,.16)}.focus-dead-input:focus{outline:none}.focus-live-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:8px 16px;border-radius:6px;background:var(--brand);color:#fff;font-size:12px}.focus-live-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4.5px var(--brand)}.focus-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}.focus-input{display:inline-flex;align-items:center;min-width:160px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:13px;color:var(--text)}.focus-input em{color:var(--text-3);font-style:normal}.focus-input.is-focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,93,255,.15)}.focus-anat-ring{border-radius:6px;color:var(--brand);border:2px solid var(--brand);background:var(--brand-light)}.focus-anat-chip,.focus-anat-ring{display:inline-block;padding:5px 10px;font-size:12px}.focus-anat-chip{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-2)}.focus-v-box{display:inline-block;padding:5px 14px;border-radius:5px;background:var(--brand);color:#fff;font-size:12px}.focus-v-box.v-outline{box-shadow:0 0 0 2px var(--bg),0 0 0 4.5px var(--brand)}.focus-v-box.v-glow{background:var(--bg);color:var(--text);border:1px solid var(--brand);box-shadow:0 0 0 3px rgba(22,93,255,.18)}.focus-v-item{display:inline-block;padding:5px 14px;border-radius:5px;background:var(--brand-light);color:var(--brand);font-size:12px}.drag-play{flex-direction:column;gap:8px}.drag-lane,.drag-play{display:flex;align-items:center}.drag-lane{gap:12px}.drag-live{background:var(--bg);border:1px solid var(--brand);border-radius:6px;padding:10px 16px;font-size:13px;color:var(--text);box-shadow:0 1px 3px rgba(29,33,41,.08);transition:box-shadow .15s,opacity .15s}.drag-live.alt{border-color:var(--border)}.drag-live.dragging{box-shadow:0 10px 22px rgba(29,33,41,.25);opacity:.9}.drag-target{border:1.5px dashed var(--brand);border-radius:6px;background:var(--brand-light);color:var(--brand);padding:10px 16px;font-size:12px}.drag-hint{font-size:12px;color:var(--text-3)}.drag-item{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.drag-item,.drag-slot{display:block;padding:8px 12px;font-size:12px}.drag-slot{border:1.5px dashed var(--brand);border-radius:6px;background:var(--brand-light);color:var(--brand)}.drag-ghost{display:inline-block;background:var(--bg);border:1px solid var(--brand);border-radius:6px;padding:8px 12px;font-size:12px;color:var(--text);opacity:.85;transform:rotate(-2deg);box-shadow:0 8px 18px rgba(29,33,41,.22)}.drag-ghost-static{transform:rotate(0)}.drag-anat-chip{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;color:var(--text-2)}.drag-v-list{display:inline-flex;flex-direction:column;gap:3px}.drag-v-list i{display:block;width:44px;font-style:normal;font-size:12px;text-align:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:3px 0}.drag-v-list i.on{border-color:var(--brand);box-shadow:0 3px 8px rgba(29,33,41,.18);opacity:.85}.drag-v-zone{display:inline-block;border:1.5px dashed var(--brand);border-radius:6px;background:var(--brand-light);color:var(--brand);padding:10px 14px;font-size:12px}.disabled-play{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding-top:18px}.disabled-live{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:9px 20px;border-radius:6px;background:var(--brand);color:#fff;font-size:13px;cursor:pointer;transition:background .15s}.disabled-live:hover{background:var(--brand-hover)}.disabled-live.off,.disabled-live:disabled{opacity:.4;cursor:not-allowed}.disabled-live:disabled:hover{background:var(--brand)}.disabled-why-wrap{position:relative;display:inline-flex}.disabled-why-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--text);color:#fff;font-size:12px;padding:3px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.disabled-why-wrap:hover .disabled-why-tip{opacity:1}.disabled-demo-input{width:140px;padding:8px 11px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.disabled-hint{width:100%;text-align:center;font-size:12px;color:var(--text-3)}.disabled-btn{padding:9px 22px;border-radius:6px;background:var(--brand);color:#fff;font-size:13px}.disabled-btn.is-off{opacity:.4}.disabled-anat-chip{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;color:var(--text-2)}.disabled-anat-reason{display:inline-block;background:var(--text);color:#fff;border-radius:4px;padding:4px 10px;font-size:12px}.disabled-v-reason{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.disabled-v-reason i{font-style:normal;font-size:12px;color:var(--text-3)}.disabled-v-ghost{display:inline-block;border:1px dashed var(--text-3);border-radius:6px;padding:5px 14px;font-size:12px;color:var(--text-3)}.hover-cursor{position:absolute;z-index:2;width:0;height:0;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-bottom:14px solid var(--text);transform:rotate(-38deg);filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.3))}.hover-cursor:after{content:"";position:absolute;left:-1.5px;top:13px;width:4px;height:7px;background:var(--text);transform:rotate(22deg);border-radius:1px}.trans-demo{display:flex;flex-direction:column;gap:14px}.trans-live{display:flex;align-items:center;gap:10px}.trans-live-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;border-radius:8px;cursor:default;background:var(--bg-hover);color:var(--text-2);font-size:13px;transition:background .25s ease-out,color .25s ease-out,box-shadow .25s ease-out}.trans-live:hover .trans-live-btn{background:var(--brand);color:#fff;box-shadow:0 4px 14px rgba(22,93,255,.3)}.trans-live-hint{font-size:12px;color:var(--text-3)}.trans-frames{display:flex;align-items:center;gap:6px}.trans-f{width:26px;height:18px;border-radius:4px;background:var(--brand)}.trans-f1{opacity:.12}.trans-f2{opacity:.32}.trans-f3{opacity:.55}.trans-f4{opacity:.78}.trans-frames-label{font-size:12px;color:var(--text-3);margin-left:6px}.trans-anat{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trans-anat-state{display:inline-flex;align-items:center;gap:6px}.trans-anat-s{font-style:normal;font-size:12px;padding:4px 12px;border-radius:6px;background:var(--bg-hover);color:var(--text-2)}.trans-anat-on{background:var(--brand);color:#fff}.trans-anat-arr{font-style:normal;color:var(--text-3);font-size:12px}.trans-anat-tag{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:999px;padding:4px 10px;font-family:ui-monospace,monospace}.trans-v-row{display:inline-flex;align-items:center;gap:6px}.trans-v-chip{width:26px;height:18px;border-radius:4px;background:var(--bg-hover);border:1px solid var(--border)}.trans-v-o1,.trans-v-on{background:var(--brand);border-color:var(--brand)}.trans-v-o1{opacity:.2}.trans-v-o2{background:var(--brand);border-color:var(--brand);opacity:.55}.trans-v-arr{font-size:12px;color:var(--text-3)}.trans-v-card{display:inline-flex;align-items:center;justify-content:center;width:58px;height:30px;border-radius:6px;font-size:12px;color:var(--text-2);background:#fff;border:1px solid var(--border-light);box-shadow:0 6px 16px rgba(29,33,41,.14);transform:translateY(-2px)}.anim-demo{display:flex;flex-direction:column;gap:12px}.anim-track{position:relative;height:34px;border-radius:8px;background:var(--bg-soft);border:1px dashed var(--border)}.anim-ball{position:absolute;top:8px;left:8px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#722ed1);animation:anim-demo-move 2.4s ease-in-out infinite alternate}@keyframes anim-demo-move{0%{left:8px;transform:scale(1)}50%{transform:scale(1.25)}to{left:calc(100% - 26px);transform:scale(1)}}.anim-tl{display:flex;align-items:center;gap:6px}.anim-kf{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:4px;padding:2px 8px;font-family:ui-monospace,monospace}.anim-kf-line{flex:1 1;height:2px;background:var(--border);border-radius:1px}.anim-tl-note{font-size:12px;color:var(--text-3);margin-left:6px}.anim-anat{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.anim-anat-tl{display:inline-flex;align-items:center;gap:6px}.anim-anat-node{font-style:normal;font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:4px;padding:2px 8px;font-family:ui-monospace,monospace}.anim-anat-bar{display:inline-block;width:48px;height:2px;background:var(--border)}.anim-anat-tag{font-size:12px;color:var(--text-2);border:1px solid var(--border);padding:4px 10px;font-family:ui-monospace,monospace}.anim-anat-tag,.anim-v-track{background:var(--bg-soft);border-radius:999px}.anim-v-track{position:relative;display:inline-block;width:92px;height:22px;border:1px dashed var(--border)}.anim-v-ball{position:absolute;top:4px;width:14px;height:14px;border-radius:50%;background:var(--brand)}.anim-v-arr{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-3)}.anim-v-loop{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px dashed var(--brand);color:var(--brand);font-size:16px}.easing-demo{display:flex;flex-direction:column;gap:8px}.easing-svg{width:220px;height:145px}.easing-axis{stroke:var(--border);stroke-width:1.5}.easing-curve-linear{fill:none;stroke:var(--text-3);stroke-width:2;stroke-dasharray:5 4}.easing-curve-out{fill:none;stroke:var(--brand);stroke-width:2.5}.easing-curve-in{fill:none;stroke:#f7ba1e;stroke-width:2.5}.easing-legend{display:flex;gap:8px;flex-wrap:wrap}.easing-lg{font-size:12px;padding:3px 9px;border-radius:999px}.easing-lg-eo{color:var(--brand);background:var(--brand-light)}.easing-lg-ei{color:#b25e09;background:#fdf3e3}.easing-lg-ln{color:var(--text-3);background:var(--bg-hover)}.easing-anat{display:flex;align-items:center;gap:12px}.easing-anat-svg{width:110px;height:80px}.easing-anat-axis{stroke:var(--border);stroke-width:1.5}.easing-anat-path{fill:none;stroke:var(--brand);stroke-width:2.5}.easing-anat-axislabel{font-size:12px;color:var(--text-2);border:1px dashed var(--border);background:var(--bg-soft);border-radius:999px;padding:4px 10px;white-space:nowrap}.easing-v-svg{width:60px;height:50px}.easing-v-svg path{fill:none;stroke:var(--brand);stroke-width:2.5}.spring-demo{display:flex;flex-direction:column;gap:10px}.spring-track{position:relative;height:36px;border-radius:8px;background:var(--bg-soft);border:1px dashed var(--border)}.spring-target{position:absolute;left:70%;top:4px;bottom:4px;width:0;border-left:2px dashed var(--text-3)}.spring-ball{position:absolute;top:9px;left:8px;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#f76965,#f7ba1e);animation:spring-demo-pop 2.2s ease-out infinite}@keyframes spring-demo-pop{0%{left:8px}42%{left:calc(70% + 26px)}58%{left:calc(70% - 14px)}72%{left:calc(70% + 5px)}82%,to{left:calc(70% - 9px)}}.spring-curve{width:240px;height:62px}.spring-curve-target{stroke:var(--text-3);stroke-width:1;stroke-dasharray:4 3}.spring-curve-path{fill:none;stroke:var(--brand);stroke-width:2.5}.spring-demo-note{font-size:12px;color:var(--text-3)}.spring-anat{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spring-anat-tag{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:999px;padding:4px 10px;white-space:nowrap}.spring-anat-svg{width:100px;height:52px}.spring-anat-targetline{stroke:var(--text-3);stroke-width:1;stroke-dasharray:3 3}.spring-anat-path{fill:none;stroke:var(--brand);stroke-width:2.5}.spring-v-svg{width:110px;height:42px}.spring-v-target{stroke:var(--text-3);stroke-width:1;stroke-dasharray:3 3}.spring-v-path{fill:none;stroke:var(--brand);stroke-width:2}.fade-demo{display:flex;align-items:center;gap:20px}.fade-card{width:74px;height:48px;border-radius:8px;background:#fff;border:1px solid var(--brand);box-shadow:var(--shadow-card);animation:fade-demo-in 2.6s ease-out infinite}@keyframes fade-demo-in{0%{opacity:0;transform:translateY(10px)}28%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.fade-frames{display:flex;align-items:flex-end;gap:6px}.fade-f{width:24px;height:17px;border-radius:3px;background:#fff;border:1px solid var(--brand)}.fade-f1{opacity:.15;transform:translateY(6px)}.fade-f2{opacity:.4;transform:translateY(4px)}.fade-f3{opacity:.7;transform:translateY(2px)}.fade-frames-label{font-size:12px;color:var(--text-3);margin-left:6px;align-self:center}.fade-anat{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fade-anat-frames{display:inline-flex;align-items:flex-end;gap:6px}.fade-anat-fr{width:26px;height:18px;border-radius:4px;background:#fff;border:1px solid var(--brand)}.fade-anat-f1{opacity:.2;transform:translateY(5px)}.fade-anat-f2{opacity:.55;transform:translateY(2px)}.fade-anat-tag{font-size:12px;color:var(--brand);background:var(--brand-light);border-radius:999px;padding:4px 10px;white-space:nowrap}.fade-v-row{display:inline-flex;align-items:flex-end;gap:5px}.fade-v-fr{width:22px;height:16px;border-radius:3px;background:#fff;border:1px solid var(--brand)}.fade-v-o1{opacity:.2}.fade-v-o2{opacity:.55}.fade-v-u3{opacity:.2;transform:translateY(6px)}.fade-v-u1{opacity:.55;transform:translateY(3px)}.fade-v-cross{position:relative;display:inline-block;width:40px;height:20px}.fade-v-new,.fade-v-old{position:absolute;inset:0;border-radius:3px}.fade-v-old{background:var(--bg-hover);border:1px solid var(--border);opacity:.45}.fade-v-new{background:var(--brand-light);border:1px solid var(--brand);opacity:.85}@media (prefers-reduced-motion:reduce){.trans-live-btn{transition:none}.anim-ball,.fade-card,.spring-ball{animation:none}}.trunc-demo{display:flex;gap:12px}.trunc-demo-card{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.trunc-demo-card b{font-size:12px;color:var(--text)}.trunc-demo-card p{font-size:12px;line-height:1.6;color:var(--text-2);margin:6px 0 0}.trunc-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trunc-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trunc-anat{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.trunc-anat-item{display:inline-block;font-size:12px;color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px;padding:4px 10px}.trunc-anat-result{display:inline-block;max-width:130px;font-size:12px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:5px;padding:4px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trunc-anat-plus{font-size:13px;color:var(--text-3)}.trunc-v{display:inline-block;vertical-align:bottom}.trunc-v-p{margin:0;font-size:12px;line-height:1.6;color:var(--text-2)}.trunc-v-tip{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:26px}.trunc-v-bubble{position:absolute;top:0;left:0;background:var(--text);color:#fff;font-size:12px;border-radius:4px;padding:2px 7px;white-space:nowrap}.glass-demo{border-radius:10px;padding:34px 14px;display:flex;justify-content:center}.glass-demo-card{background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:10px;padding:10px 14px;box-shadow:0 6px 20px rgba(29,33,41,.18)}.glass-demo-card b{display:block;font-size:13px;color:var(--text)}.glass-demo-card p{font-size:12px;color:var(--text-2);margin:4px 0 8px}.glass-demo-tag{font-size:12px;color:var(--text-3)}.glass-anat{gap:8px;flex-wrap:wrap}.glass-anat,.glass-anat-swatch{display:inline-flex;align-items:center}.glass-anat-swatch{justify-content:center;width:64px;height:44px;border-radius:8px;border:1px solid var(--border-light);font-size:12px;color:var(--text-2)}.glass-anat-frost{background:repeating-linear-gradient(45deg,#eef2f7 0 5px,#e2e8f0 5px 10px)}.glass-anat-tintchip{background:rgba(255,255,255,.55);border-style:dashed}.glass-anat-final{position:absolute;inset:5px;background:rgba(255,255,255,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text)}.glass-anat-plus{font-size:13px;color:var(--text-3)}.glass-v{display:inline-flex;align-items:center;justify-content:center;width:96px;height:52px;border-radius:8px;overflow:hidden}.glass-v-chip{padding:4px 10px;border-radius:6px;font-size:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-v-chip.light{background:rgba(255,255,255,.55);color:var(--text)}.glass-v-chip.dark{background:rgba(0,0,0,.4);color:#fff}.glass-v-chip.strong{background:rgba(255,255,255,.5);color:var(--text);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sticky-demo{display:flex;flex-direction:column;gap:8px}.sticky-demo-scroll{height:122px;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px}.sticky-demo-head{position:-webkit-sticky;position:sticky;top:0;background:var(--brand-light);color:var(--brand);font-size:12px;font-weight:600;padding:5px 10px}.sticky-demo-row{padding:6px 10px;font-size:12px;color:var(--text-2);background:var(--bg);border-bottom:1px solid var(--border-light)}.sticky-demo-note{font-size:12px;color:var(--text-3)}.sticky-anat{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.sticky-anat-scroll{display:block;width:150px;height:66px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sticky-anat-bar{display:block;background:var(--brand-light);color:var(--brand);font-size:12px;font-weight:600;padding:4px 8px}.sticky-anat-lines{display:flex;flex-direction:column;gap:5px;padding:7px 8px}.sticky-anat-lines i{display:block;height:5px;border-radius:3px;background:#e5e6eb}.sticky-anat-lines i:nth-child(2){width:72%}.sticky-anat-lines i:nth-child(3){width:55%}.sticky-anat-tag{display:inline-block;font-size:12px;color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px;padding:4px 10px}.sticky-v{display:inline-flex;flex-direction:column;width:84px;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--bg)}.sticky-v-bar{display:block;background:var(--brand-light);color:var(--brand);font-size:12px;font-weight:600;padding:3px 7px}.sticky-v-bar.bottom{border-top:1px solid var(--border-light)}.sticky-v-bar.sub{background:var(--bg-hover);color:var(--text)}.sticky-v-lines{display:flex;flex-direction:column;gap:4px;padding:5px 7px}.sticky-v-lines i{display:block;height:4px;border-radius:2px;background:#e5e6eb}.sticky-v-lines i:last-child{width:64%}.sticky-sc-view{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:10px}.sticky-sc-stuck{position:relative;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.07)}.sticky-sc-scroll{position:absolute;top:10px;right:3px;z-index:3;width:3px;height:46px;border-radius:2px;background:var(--border)}.glass-sc-view{position:relative;overflow:hidden;border-radius:10px}.glass-sc-frost{background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6)}.trunc-sc-bubble{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--text);color:#fff;font-size:12px;padding:4px 10px;border-radius:6px;white-space:nowrap}.trunc-sc-bubble:after{content:"";position:absolute;top:100%;left:18px;border:5px solid transparent;border-top:5px solid var(--text)}body:has([data-native-cursor-demo]:hover) .cursor-fx{visibility:hidden}.cursor-native-default,.cursor-native-default *{cursor:default}.cursor-native-pointer,.cursor-native-pointer *{cursor:pointer}.cursor-native-text,.cursor-native-text *{cursor:text}.cursor-native-grab,.cursor-native-grab *{cursor:-webkit-grab;cursor:grab}.cursor-native-grab:active,.cursor-native-grab:active *,.cursor-native-grabbing,.cursor-native-grabbing *{cursor:-webkit-grabbing;cursor:grabbing}.cursor-native-not-allowed,.cursor-native-not-allowed *{cursor:not-allowed}html.has-cursor-fx [data-native-cursor-demo],html.has-cursor-fx [data-native-cursor-demo] *{cursor:default!important}html.has-cursor-fx [data-native-cursor-demo] .cursor-native-pointer,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-pointer *{cursor:pointer!important}html.has-cursor-fx [data-native-cursor-demo] .cursor-native-text,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-text *{cursor:text!important}html.has-cursor-fx [data-native-cursor-demo] .cursor-native-grab,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-grab *{cursor:-webkit-grab!important;cursor:grab!important}html.has-cursor-fx [data-native-cursor-demo] .cursor-native-grab:active,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-grab:active *,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-grabbing,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-grabbing *{cursor:-webkit-grabbing!important;cursor:grabbing!important}html.has-cursor-fx [data-native-cursor-demo] .cursor-native-not-allowed,html.has-cursor-fx [data-native-cursor-demo] .cursor-native-not-allowed *{cursor:not-allowed!important}.cursor-card-demo{width:min(390px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.cursor-card-demo>span{min-width:0;display:grid;place-items:center;grid-gap:7px;gap:7px;padding:13px 9px;color:var(--text);font-size:12px;text-align:center}.cursor-card-demo>span+span{border-left:1px solid var(--border-light)}.cursor-card-demo code,.cursor-lab code{color:var(--brand);font-family:SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:600}.cursor-card-action{color:#fff!important;background:var(--brand)}.cursor-card-action code{color:rgba(255,255,255,.78)}.cursor-card-input{position:relative}.cursor-card-input:after{content:"";position:absolute;right:13px;top:14px;width:1.5px;height:17px;border-radius:2px;background:var(--brand);animation:cursor-caret-blink 1.1s step-end infinite}.cursor-lab{width:100%;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:0 18px 46px rgba(24,24,27,.07)}.detail-hero .dh-demo:has(.cursor-lab){padding:0;border:0;background:transparent}.cursor-lab-heading{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px}.cursor-lab-heading>div{display:grid;grid-gap:3px;gap:3px}.cursor-lab-heading strong{color:var(--text);font-size:16px;font-weight:700;line-height:1.4}.cursor-lab-heading span{color:var(--text-3);font-size:12px;line-height:1.5}.cursor-lab-heading>code{flex:none;padding:6px 9px;border-radius:6px;background:var(--brand-light)}.cursor-lab-touch{display:none}.cursor-lab-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border-light)}.cursor-lab-zone{min-width:0;min-height:168px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;color:var(--text);background:var(--bg)}.cursor-lab-zone:nth-child(-n+3){grid-column:span 2;border-bottom:1px solid var(--border-light)}.cursor-lab-zone:nth-child(n+4){grid-column:span 3}.cursor-lab-zone+.cursor-lab-zone{border-left:1px solid var(--border-light)}.cursor-lab-zone:nth-child(4){border-left:0}.cursor-lab-label{color:var(--text-3);font-size:12px;font-weight:600}.cursor-lab-zone p{margin:0;color:var(--text-2);font-size:14px;line-height:1.7}.cursor-disabled-demo button,.cursor-drag-item,.cursor-lab-button,.cursor-lab-disabled,.cursor-state-card{min-height:40px;border:0;border-radius:8px;font:inherit}.cursor-lab-button{padding:0 17px;color:#fff;background:var(--brand);font-size:14px;font-weight:650}.cursor-lab-button:hover{background:var(--brand-hover)}.cursor-lab-input{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:8px;outline:0;color:var(--text);background:var(--bg);font:inherit;font-size:14px}.cursor-lab-input:focus,.cursor-lab-input:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border))}.cursor-drag-item,.cursor-state-card{display:inline-flex;align-items:center;gap:11px;padding:0 15px;border:1px solid var(--border);color:var(--text);background:var(--bg-soft);font-size:14px;font-weight:600;box-shadow:0 3px 12px rgba(24,24,27,.05)}.cursor-drag-item:active{transform:translateY(1px);box-shadow:none}.cursor-grip{width:12px;height:18px;flex:none;opacity:.58;background-image:radial-gradient(circle,currentColor 1.35px,transparent 1.6px);background-size:6px 6px}.cursor-lab-disabled{padding:0 17px;color:var(--text-3);background:var(--bg-hover);font-size:14px;font-weight:600;opacity:1}.cursor-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border-light)}.cursor-compare-title{grid-column:1/-1;padding:17px 24px 12px;color:var(--text);font-size:14px;font-weight:700}.cursor-compare-item{min-width:0;display:flex;align-items:center;gap:15px;padding:15px 24px 22px}.cursor-compare-item+.cursor-compare-item{border-left:1px solid var(--border-light)}.cursor-compare-item>span:last-child{min-width:0;display:grid;grid-gap:3px;gap:3px}.cursor-compare-item b{color:var(--text);font-size:13px}.cursor-compare-item small{color:var(--text-2);font-size:12px;line-height:1.55}.cursor-compare-arrow{width:27px;height:27px;flex:none;filter:drop-shadow(0 1px 1px rgba(15,23,42,.2))}.cursor-compare-arrow path{fill:var(--brand);stroke:#fff;stroke-width:1.8;stroke-linejoin:round;paint-order:stroke}.cursor-compare-input{position:relative;min-width:98px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;color:var(--text-2);background:var(--bg);font-size:12px}.cursor-compare-input i{display:inline-block;width:1.5px;height:15px;margin-left:2px;vertical-align:-3px;border-radius:2px;background:var(--brand);animation:cursor-caret-blink 1.1s step-end infinite}.cursor-disabled-demo,.cursor-state-demo{width:100%;min-height:110px;display:flex;align-items:center;gap:14px;padding:22px 24px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.cursor-state-demo>span{color:var(--text-3);font-size:12px;font-weight:600}.cursor-state-demo>b{color:var(--text-3);font-size:18px;font-weight:400}.cursor-state-card{flex:1 1;justify-content:flex-start}.cursor-state-card.cursor-native-grabbing{color:var(--text);border-color:var(--border);background:var(--bg-hover);box-shadow:none;transform:translateY(1px)}.cursor-disabled-demo{justify-content:space-between}.cursor-disabled-demo>div{display:grid;grid-gap:3px;gap:3px}.cursor-disabled-demo strong{color:var(--text);font-size:14px}.cursor-disabled-demo span{color:var(--text-2);font-size:13px}.cursor-disabled-demo button{flex:none;padding:0 17px;color:var(--text-3);background:var(--bg-hover);font-size:13px;font-weight:600;opacity:1}@keyframes cursor-caret-blink{50%{opacity:0}}@media (pointer:coarse){.cursor-lab-mouse{display:none}.cursor-lab-touch{display:block}}@media (max-width:720px){.cursor-card-demo{grid-template-columns:1fr}.cursor-card-demo>span+span{border-top:1px solid var(--border-light);border-left:0}.cursor-lab{border-radius:12px;box-shadow:none}.cursor-lab-heading{align-items:flex-start;padding:18px}.cursor-lab-heading>code{display:none}.cursor-lab-grid{grid-template-columns:1fr}.cursor-lab-zone,.cursor-lab-zone:nth-child(-n+3),.cursor-lab-zone:nth-child(n+4){grid-column:auto;min-height:132px;border-left:0;border-bottom:1px solid var(--border-light)}.cursor-lab-zone:last-child{border-bottom:0}.cursor-compare{grid-template-columns:1fr}.cursor-compare-title{padding-inline:18px}.cursor-compare-item{padding:14px 18px}.cursor-compare-item+.cursor-compare-item{border-top:1px solid var(--border-light);border-left:0}.cursor-state-demo{align-items:stretch;flex-direction:column}.cursor-state-demo>b{align-self:center;transform:rotate(90deg)}.cursor-state-card{flex:none;width:100%}.cursor-disabled-demo{align-items:flex-start;flex-direction:column}}.sel-demo{display:flex;gap:10px}.sel-panel{flex:1 1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.sel-cap{display:block;font-size:12px;color:var(--text-3);margin-bottom:6px}.sel-text{font-size:12px;line-height:1.8;color:var(--text-2);margin:0}.sel-mk-default{background:#1a66ff}.sel-mk-brand,.sel-mk-default{color:#fff;border-radius:2px;padding:0 2px}.sel-mk-brand{background:var(--brand)}.sel-anat-line{display:inline-block;padding:10px 14px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:8px;font-size:12px;line-height:1.8;color:var(--text-2)}.sel-anat-range{border-bottom:2px dotted var(--text-3)}.sel-anat-bg{background:var(--brand);border-radius:2px;padding:0 2px}.sel-anat-fg{color:#fff;font-weight:600}.sel-v{display:inline-block;font-size:13px}.sel-v-none{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--brand);color:#fff;border-radius:6px;font-size:12px}