.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}.topnav-wire{display:flex;flex-direction:column;width:236px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.topnav-wire-bar{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border-bottom:1px solid var(--border-light)}.topnav-wire-logo{width:10px;height:10px;border-radius:3px;background:var(--brand);flex:none}.topnav-wire-links{display:flex;gap:4px;flex:1 1}.topnav-wire-links i{width:14px;height:4px;border-radius:2px;background:var(--bg-hover)}.topnav-wire-btn{width:22px;height:8px;border-radius:4px;background:var(--brand);opacity:.85;flex:none}.topnav-wire-body{width:100%;padding:10px 0;background:var(--bg-soft)}.topnav-wire-body,.topnav-wire-col{display:flex;justify-content:center}.topnav-wire-col{width:58%;min-height:44px;padding:4px;background:var(--bg);border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;font-size:12px;color:var(--text-2);line-height:1.5;text-align:center}.topnav-wire-col em{font-style:normal;font-size:11px;color:var(--text-3)}.topnav-wire-foot{display:block;width:100%;padding:4px 8px;border-top:1px solid var(--border-light);font-size:11px;color:var(--text-3);text-align:center}.topnav-anat .ap{display:flex;flex-direction:column}.sidebar-wire{display:flex;align-items:stretch;width:236px;height:86px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sidebar-wire-side{width:62px;flex:none;height:100%;background:var(--brand-light);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:5px;padding:8px 7px}.sidebar-wire-side i{height:5px;border-radius:3px;background:#fff}.sidebar-wire-side i.on{background:var(--brand)}.sidebar-wire-side b{margin-top:auto;font-size:11px;font-weight:400;color:var(--brand)}.sidebar-wire-right{flex:1 1;display:flex;flex-direction:column;min-width:0}.sidebar-wire-head{height:16px;padding:0 8px;border-bottom:1px solid var(--border-light);font-size:11px;color:var(--text-3)}.sidebar-wire-head,.sidebar-wire-main{display:flex;align-items:center;white-space:nowrap}.sidebar-wire-main{flex:1 1;margin:7px;background:var(--bg-soft);border:1px dashed var(--border);border-radius:5px;justify-content:center;font-size:12px;color:var(--text-2)}.sidebar-anat{height:110px}.sidebar-anat .ap{display:flex}.sidebar-anat .ap[data-ap=main]{flex:1 1;display:flex}.sidebar-anat .ap[data-ap=main] .sidebar-wire-main{width:100%}@media (min-width:721px){.detail-hero .topnav-wire{width:100%}.detail-hero .topnav-wire-bar{gap:14px;min-height:52px;padding:10px 18px}.detail-hero .topnav-wire-logo{width:24px;height:24px;border-radius:7px}.detail-hero .topnav-wire-links{gap:12px}.detail-hero .topnav-wire-links i{width:46px;height:7px}.detail-hero .topnav-wire-btn{width:82px;height:28px;border-radius:7px}.detail-hero .topnav-wire-body{padding:24px 0}.detail-hero .topnav-wire-col{min-height:116px;padding:16px;font-size:15px}.detail-hero .topnav-wire-col em{font-size:12px}.detail-hero .sidebar-wire{width:100%;height:220px}.detail-hero .sidebar-wire-side{width:180px;gap:13px;padding:22px 18px}.detail-hero .sidebar-wire-side i{height:9px}.detail-hero .sidebar-wire-side b{font-size:14px}.detail-hero .sidebar-wire-head{height:48px;padding:0 20px;font-size:14px}.detail-hero .sidebar-wire-main{margin:20px;font-size:16px}}.single-site-demo{width:100%;max-width:660px;display:flex;align-items:center;justify-content:center;gap:10px}.single-site-browser{flex:1 1;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 22px rgba(29,33,41,.08)}.single-site-chrome{display:flex;align-items:center;gap:4px;padding:5px 7px;background:#f4f5f7;border-bottom:1px solid var(--border-light)}.single-site-chrome>i{width:5px;height:5px;border-radius:50%;background:#c9ccd3}.single-site-chrome>span{flex:1 1;margin-left:3px;padding:2px 7px;border:1px solid var(--border-light);border-radius:99px;background:#fff;color:var(--text-3);font:11px/1.2 ui-monospace,Menlo,monospace;text-align:center}.single-site-page{width:100%;background:#fff}.single-site-nav{display:flex;align-items:center;gap:9px;padding:6px 9px;border-bottom:1px solid var(--border-light)}.single-site-nav b{color:var(--text);font-size:11px;letter-spacing:-.02em}.single-site-nav>span{flex:1 1;color:var(--text-3);font-size:11px;text-align:center}.single-site-nav em{flex:none;padding:2px 6px;border-radius:4px;background:var(--brand);color:#fff;font-size:11px;font-style:normal;line-height:1.4}.single-site-hero{display:flex;flex-direction:column;align-items:center;padding:13px 9px 11px;text-align:center;background:radial-gradient(circle at 50% 0,var(--brand-light),#fff 64%)}.single-site-hero small{color:var(--brand);font:600 11px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em}.single-site-hero strong{margin-top:3px;color:var(--text);font-size:14px;line-height:1.25;letter-spacing:-.03em}.single-site-hero p{margin:3px 0 7px;color:var(--text-3);font-size:11px;line-height:1.5}.single-site-final button,.single-site-hero button{border:none;border-radius:5px;padding:4px 8px;background:var(--brand);color:#fff;font-size:11px;font-weight:600;line-height:1.3}.single-site-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:5px;gap:5px;padding:8px 9px}.single-site-features>div{min-width:0;display:flex;flex-direction:column;padding:6px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-soft)}.single-site-features i{color:var(--brand);font-size:11px;font-style:normal}.single-site-features b{margin-top:2px;color:var(--text);font-size:11px;line-height:1.3}.single-site-features span{margin-top:1px;overflow:hidden;color:var(--text-3);font-size:11px;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.single-site-proof{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-top:1px solid var(--border-light);color:var(--text-3);font-size:11px}.single-site-proof>span{flex:none;white-space:nowrap}.single-site-proof b{color:var(--text)}.single-site-proof i{min-width:0;overflow:hidden;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.single-site-final{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;background:color-mix(in srgb,var(--brand) 88%,#20242d);color:#fff}.single-site-final>div{min-width:0;display:flex;flex-direction:column}.single-site-final b{font-size:11px;line-height:1.35}.single-site-final span{margin-top:1px;opacity:.72;font-size:11px}.single-site-final button{flex:none;background:#fff;color:var(--brand)}.detail-hero .single-site-demo{max-width:720px}.detail-hero .single-site-chrome{padding:6px 9px}.detail-hero .single-site-nav{padding:8px 12px}.detail-hero .single-site-nav b,.detail-hero .single-site-nav em,.detail-hero .single-site-nav>span{font-size:11px}.detail-hero .single-site-hero{padding:18px 12px 15px}.detail-hero .single-site-hero small{font-size:11px}.detail-hero .single-site-hero strong{font-size:19px}.detail-hero .single-site-hero p{font-size:11px}.detail-hero .single-site-final button,.detail-hero .single-site-hero button{font-size:11px;padding:5px 10px}.detail-hero .single-site-features{gap:7px;padding:10px 12px}.detail-hero .single-site-features>div{padding:8px}.detail-hero .single-site-features b,.detail-hero .single-site-features i,.detail-hero .single-site-features span,.detail-hero .single-site-final span,.detail-hero .single-site-proof{font-size:11px}.detail-hero .single-site-final{padding:9px 12px}.detail-hero .single-site-final b{font-size:11px}@media (max-width:720px){.single-site-nav>span{display:none}.single-site-nav b{flex:1 1}.single-site-proof i{display:none}.detail-hero .single-site-hero strong{font-size:16px}.detail-hero .single-site-features span{display:none}}.single-demo{align-items:center;gap:6px}.single-demo,.single-wire{display:flex;flex-direction:column}.single-wire{gap:4px;width:150px}.single-wire-screen{height:20px;width:100%;border-radius:4px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}.single-wire-screen.hook{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.single-wire-screen.cta{background:var(--brand);color:#fff;border-color:var(--brand)}.single-wire-arrow{font-size:12px;color:var(--text-3)}.doc-wire,.single-anat .ap{display:flex}.doc-wire{align-items:stretch;width:236px;height:78px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.doc-wire-toc{width:54px;flex:none;background:var(--bg-soft);border-right:1px solid var(--border-light);align-items:center;font-size:12px;color:var(--text-2)}.doc-wire-content,.doc-wire-toc{height:100%;display:flex;justify-content:center}.doc-wire-content{flex:1 1;align-items:stretch}.doc-wire-col{width:64%;background:var(--bg);border-left:1px dashed var(--border);border-right:1px dashed var(--border)}.doc-wire-col,.doc-wire-outline{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}.doc-wire-outline{width:44px;flex:none;background:var(--bg-soft);border-left:1px solid var(--border-light)}.doc-anat .ap{display:flex}.doc-anat .ap[data-ap=content]{flex:1 1}.cardgrid-wire{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;width:220px}.cardgrid-wire i{height:30px;border-radius:5px;padding:4px;background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.cardgrid-wire i b{height:10px;border-radius:2px;background:linear-gradient(135deg,var(--brand-light),#e5e6eb)}.cardgrid-wire i em{height:3px;border-radius:2px;background:var(--bg-hover)}.cardgrid-anat-box{display:flex;align-items:stretch;gap:8px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.cardgrid-anat-cell{width:40px;height:34px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-2)}.cardgrid-anat-cell.on{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.cardgrid-anat-gap{display:block;width:6px;background:repeating-linear-gradient(180deg,var(--brand) 0 3px,transparent 3px 7px);border-radius:3px}.cardgrid-v-cell{display:block;height:18px;border-radius:4px;background:var(--bg);border:1px solid var(--border)}.centered-wire{width:236px;padding:10px 0;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.centered-wire,.centered-wire-col{display:flex;justify-content:center}.centered-wire-col{width:52%;min-height:56px;padding:6px;background:var(--bg);border:1px dashed var(--border);border-radius:5px;flex-direction:column;align-items:center;font-size:12px;color:var(--text-2);line-height:1.5;text-align:center}.centered-wire-col em{font-style:normal;font-size:11px;color:var(--text-3)}.centered-anat{width:260px;padding:14px 0}.centered-anat-content{display:block;padding:6px 12px;background:var(--brand-light);border:1px solid var(--brand);border-radius:5px;font-size:12px;color:var(--brand)}.masonry-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;align-items:start}.masonry-panel{margin:0}.masonry-panel figcaption{margin-bottom:8px}.masonry-panel figcaption b{display:block;font-size:16px;font-weight:600}.masonry-panel figcaption span{display:block;font-size:14px;color:var(--text-2);margin-top:2px}.masonry-wall{display:flex;gap:8px}.masonry-wall i{display:flex;align-items:center;justify-content:center;height:var(--h,40px);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;font-size:14px;font-style:normal;font-weight:600;color:var(--text-2)}.masonry-wall.is-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.masonry-wall.is-grid .masonry-cell{display:block;height:var(--cell,64px);border:1px dashed var(--border);border-radius:6px;padding:3px}.masonry-wall.is-grid .masonry-cell i{width:100%}.masonry-wall.is-flow .masonry-col{flex:1 1;display:flex;flex-direction:column;gap:8px}.masonry-wall.is-flow i.is-new{background:var(--brand-light);color:var(--brand)}.masonry-wall.is-phone{flex-direction:column;max-width:120px;margin:0 auto}@media (max-width:720px){.masonry-demo{grid-template-columns:minmax(0,1fr)}.masonry-wall.is-phone{max-width:none}}.masonry-anat-wall{display:inline-flex;gap:6px;padding:6px;border:1px solid var(--border);border-radius:8px}.masonry-anat-col{display:flex;flex-direction:column;gap:6px;width:44px}.masonry-anat-card{display:flex;align-items:center;justify-content:center;height:22px;background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;font-size:12px;font-style:normal;color:var(--text-2)}.masonry-anat-card.tall{height:34px}.masonry-anat-card.short{height:14px}.masonry-anat-card.on{border-color:var(--text-3);font-weight:600}.masonry-anat-card.fill{height:26px;background:var(--brand-light);color:var(--brand)}.masonry-v-col{flex:1 1;display:flex;flex-direction:column;gap:4px}.masonry-v-col b{display:block;background:var(--bg-soft);border:1px solid var(--border);border-radius:3px}.split-demo{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:stretch}.split-desktop{position:relative;display:flex;flex-wrap:wrap;min-height:190px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.split-side{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:18px 20px}.split-side small{font-size:12px;letter-spacing:2px;opacity:.7}.split-side b{font-size:16px;font-weight:600;line-height:1.4}.split-side em{font-size:14px;font-style:normal;color:var(--text-3);margin-top:2px}.split-side-brand{background:#1d2129;color:#fff}.split-side-brand em{color:rgba(255,255,255,.6)}.split-side-form{background:#fff}.split-action{align-self:flex-start;font-size:14px;border-radius:6px;padding:5px 14px}.split-action.ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.split-action.solid{background:var(--brand);color:#fff}.split-input{display:block;height:24px;border:1px solid var(--border);border-radius:6px;background:#fff}.split-axis{flex:none;width:100%;text-align:center;font-size:14px;color:var(--text-3);border-top:1px dashed var(--border);padding:4px 0;background:#fff}.split-phone{margin:0;display:flex;flex-direction:column}.split-phone figcaption b{display:block;font-size:16px;font-weight:600}.split-phone figcaption span{display:block;font-size:14px;color:var(--text-2);margin:2px 0 8px}.split-phone-frame{width:132px;margin:0 auto;border:2px solid #1d2129;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;gap:0}.split-phone-block{display:flex;align-items:center;justify-content:center;font-size:14px;padding:14px 8px}.split-phone-block.form{background:#fff;font-weight:600}.split-phone-block.brand{background:#1d2129;color:rgba(255,255,255,.8)}@media (max-width:720px){.split-demo{grid-template-columns:minmax(0,1fr)}.split-desktop{flex-direction:column}.split-side-form{order:-1}.split-axis{order:2}}.split-anat-half{display:inline-flex;flex-direction:column;gap:6px;width:96px;padding:10px;border:1px solid var(--border);border-radius:8px 0 0 8px;background:#1d2129}.split-anat-half.alt{border-radius:0 8px 8px 0;background:#fff}.split-anat-title{font-size:12px;font-weight:600;color:inherit}.split-anat-half:not(.alt) .split-anat-title{color:#fff}.split-anat-line{display:block;height:5px;border-radius:3px;background:var(--border);width:70%}.split-anat-action{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;font-size:12px;font-style:normal;padding:3px 10px;border-radius:4px;border:1px solid var(--border);color:var(--text-2);background:#fff}.split-anat-action.on{background:var(--brand-light);color:var(--brand);border-color:transparent}.split-v-half{flex:1 1;height:22px;background:var(--bg-soft);border:1px solid var(--border);border-radius:4px}.pos-demo{position:relative;gap:12px;padding-top:16px}.pos-demo,.pos-demo-card{display:flex;flex-direction:column}.pos-demo-card{width:72%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 14px 10px;gap:6px}.pos-demo-card.ok{position:relative}.pos-demo-card i{height:7px;border-radius:4px;background:var(--bg-hover);width:70%}.pos-demo-card i.short{width:45%}.pos-demo-badge{position:absolute;top:-8px;right:10px;background:var(--red);color:#fff;font-size:12px;padding:1px 7px;border-radius:99px}.pos-demo-badge.bad{top:0;right:0}.pos-demo-cap{font-size:12px}.pos-demo-cap.ok{color:var(--green)}.pos-demo-cap.bad{color:var(--red)}@media (min-width:721px){.detail-hero .pos-demo{width:100%;max-width:none;gap:18px;padding:20px 0 4px}.detail-hero .pos-demo-card{width:72%;min-height:88px;padding:16px 18px 14px}.detail-hero .pos-demo-card i{height:9px}.detail-hero .pos-demo-cap{font-size:14px}}.pos-anat{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.pos-anat-anchor{position:relative;display:block;width:150px;padding:12px 14px;background:var(--bg);border:1.5px solid var(--brand);border-radius:8px}.pos-anat-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover);margin:4px 0;width:80%}.pos-anat-line.short{width:55%}.pos-anat-el{position:absolute;top:-9px;right:-9px;background:var(--brand);color:#fff;font-size:12px;padding:2px 8px;border-radius:99px}.pos-anat-tag{color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px}.pos-anat-tag,.pos-v-box{display:inline-block;font-size:12px;padding:4px 10px}.pos-v-box{background:var(--brand-light);border:1.5px solid var(--brand);border-radius:6px;color:var(--brand)}.pos-v-ghost{position:absolute;left:0;top:0;width:100%;height:100%;border:1.5px dashed var(--text-3);border-radius:6px}.ctr-demo{display:flex;gap:14px}.ctr-demo-col{display:flex;flex-direction:column;align-items:center;gap:5px}.ctr-demo-box{width:64px;height:52px;background:var(--bg);border:1px solid var(--border);border-radius:8px}.ctr-demo-box.flex{display:flex;align-items:center;justify-content:center}.ctr-demo-box.grid{display:grid;place-items:center}.ctr-demo-box.abs{position:relative}.ctr-demo-box.abs .ctr-demo-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.ctr-demo-item{width:18px;height:18px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px}.ctr-demo-label{font-size:12px;color:var(--text-3)}.ctr-anat{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.ctr-anat-box{width:110px;height:80px;background:var(--bg);border:1.5px dashed var(--brand);border-radius:8px}.ctr-anat-box,.ctr-anat-item{display:flex;align-items:center;justify-content:center}.ctr-anat-item{width:30px;height:24px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:5px;font-size:12px;color:var(--brand)}.ctr-anat-axes{display:flex;flex-direction:column;gap:8px}.ctr-anat-axis{display:inline-block;font-size:12px;color:var(--text-2);background:var(--bg);border:1px dashed var(--border);border-radius:999px;padding:4px 10px;white-space:nowrap}.ctr-v-item{display:block;width:16px;height:16px;background:var(--brand-light);border:1.5px solid var(--brand);border-radius:4px}