:root{--pt-bg:#090909;--pt-panel:#101010;--pt-panel-2:#141414;--pt-line:#ffffff1a;--pt-line-strong:#ffffff2e;--pt-text:#f5f5f2;--pt-muted:#f5f5f294;--pt-muted-2:#f5f5f25c;--pt-accent:#d3534a;--pt-radius:18px;--pt-radius-sm:11px;--pt-shadow:0 26px 90px #00000059}html{background:var(--pt-bg)}body{background:var(--pt-bg);color:var(--pt-text)}.site-header{z-index:80;border-bottom:1px solid var(--pt-line);-webkit-backdrop-filter:blur(22px)saturate(140%);background:#090909c7;min-height:66px;padding:0 24px;position:sticky;top:0}.site-header .brand{gap:11px}.site-header .brand strong,.site-header .brand small{letter-spacing:-.015em}.desktop-navigation{border:1px solid var(--pt-line);background:#ffffff06;border-radius:999px;gap:4px;padding:4px}.desktop-navigation a{min-height:34px;color:var(--pt-muted);border-radius:999px;align-items:center;padding:0 13px;transition:color .18s,background .18s;display:inline-flex}.desktop-navigation a:hover,.desktop-navigation a[aria-current=page]{color:var(--pt-text);background:#ffffff12}.header-action{color:#0b0b0b;letter-spacing:-.02em;background:#f4f3ef;border:1px solid #ffffff26;border-radius:999px;min-height:38px;padding:0 15px;font-weight:750;transition:transform .18s,background .18s}.header-action:hover{background:#fff;transform:translateY(-1px)}.library-intro{border-bottom:1px solid var(--pt-line);background:radial-gradient(circle at 18% 18%, #d3534a1f, transparent 29%), radial-gradient(circle at 72% 42%, #ffffff0d, transparent 30%), var(--pt-bg);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:56px;min-height:min(72vh,760px);padding:clamp(96px,13vw,172px) clamp(24px,5vw,76px) 54px;display:grid;overflow:hidden}.library-intro>div:first-child{max-width:980px}.library-intro .eyebrow{color:var(--pt-muted-2);letter-spacing:.14em;margin-bottom:22px;font-size:11px;font-weight:760}.library-intro h1{letter-spacing:-.075em;text-wrap:balance;max-width:980px;margin:0;font-size:clamp(58px,8.6vw,142px);font-weight:825;line-height:.84}.library-intro__copy{align-self:end;max-width:520px;padding-bottom:8px}.library-intro__copy>p{color:#f5f5f2ba;letter-spacing:-.025em;margin:0 0 30px;font-size:clamp(17px,1.4vw,22px);line-height:1.45}.library-intro__copy>div{flex-wrap:wrap;gap:7px;display:flex}.library-intro__copy span{border:1px solid var(--pt-line);min-height:30px;color:var(--pt-muted);letter-spacing:.08em;background:#ffffff06;border-radius:999px;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.launch-index{border-bottom:1px solid var(--pt-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.launch-index>div{border-right:1px solid var(--pt-line);background:#0c0c0c;min-height:184px;padding:22px;transition:background .2s;position:relative}.launch-index>div:last-child{border-right:0}.launch-index>div:hover{background:#111}.launch-index span,.launch-index small{color:var(--pt-muted-2)}.launch-index strong{letter-spacing:-.055em;margin:20px 0 10px;font-size:clamp(34px,3vw,54px);line-height:.9;display:block}.launch-index p{max-width:280px;color:var(--pt-muted);margin:0;line-height:1.45}.library-shell{background:#0a0a0a;grid-template-columns:250px minmax(0,1fr);align-items:start;display:grid}.library-sidebar{border-right:1px solid var(--pt-line);background:#0a0a0afa;height:calc(100vh - 66px);padding:18px 14px 30px;position:sticky;top:66px;overflow:auto}.search-field{border:1px solid var(--pt-line);background:#0f0f0f;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;padding:0 10px;display:grid}.search-field>span{display:none}.search-field input{width:100%;min-width:0;color:var(--pt-text);background:0 0;border:0;outline:none}.search-field kbd{border:1px solid var(--pt-line);min-width:24px;min-height:24px;color:var(--pt-muted-2);background:#ffffff06;border-radius:6px;place-items:center;display:grid}.filter-group{margin-top:24px}.filter-group>p{color:var(--pt-muted-2);letter-spacing:.12em;text-transform:uppercase;margin:0 8px 8px;font-size:10px;font-weight:800}.filter-group button{width:100%;min-height:38px;color:var(--pt-muted);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:0 9px;transition:background .16s,color .16s;display:flex}.filter-group button:hover{color:var(--pt-text);background:#ffffff0b}.filter-group button.active{color:var(--pt-text);background:#ffffff13}.filter-group button small{color:var(--pt-muted-2)}.sidebar-note{border:1px solid var(--pt-line);background:#ffffff05;border-radius:11px;margin-top:28px;padding:14px}.sidebar-note span{color:var(--pt-muted-2);letter-spacing:.12em;font-size:9px}.sidebar-note p{color:var(--pt-muted);margin:8px 0 0;font-size:12px;line-height:1.45}.library-content{min-width:0;padding:0 20px 50px}.library-toolbar{z-index:35;border-bottom:1px solid var(--pt-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ae0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:72px;margin:0 -20px 20px;padding:12px 20px;display:grid;position:sticky;top:66px}.library-toolbar>div p,.library-toolbar__note{margin:0}.library-toolbar>div p{color:var(--pt-muted-2);letter-spacing:.1em;font-size:10px}.library-toolbar>div strong{letter-spacing:-.02em}.library-toolbar__note{max-width:620px;color:var(--pt-muted);line-height:1.4}.library-toolbar label{color:var(--pt-muted-2);align-items:center;gap:8px;font-size:11px;display:inline-flex}.library-toolbar select{border:1px solid var(--pt-line);min-height:36px;color:var(--pt-text);background:#111;border-radius:9px;padding:0 28px 0 10px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.catalog-card{border:1px solid var(--pt-line);border-radius:var(--pt-radius);background:#0d0d0d;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;overflow:clip;box-shadow:0 0 #0000}.catalog-card:hover{border-color:var(--pt-line-strong);box-shadow:var(--pt-shadow);transform:translateY(-2px)}.catalog-preview-link{border-bottom:1px solid var(--pt-line);background:#050505;min-height:clamp(260px,34vw,470px);position:relative;overflow:hidden}.catalog-preview-link:after{content:"";pointer-events:none;background:linear-gradient(#0000 62%,#00000038);position:absolute;inset:0}.catalog-index,.catalog-runtime{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffa6;letter-spacing:.08em;background:#05050594;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:25px;padding:0 8px;font-size:9px;display:inline-flex;position:absolute;top:12px}.catalog-index{left:12px}.catalog-runtime{right:12px}.catalog-card__body{padding:17px 18px 18px}.catalog-card__meta{margin-bottom:14px}.catalog-card__meta>span{color:var(--pt-muted-2);letter-spacing:.09em;text-transform:uppercase;font-size:10px}.catalog-card h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,2vw,34px);line-height:1}.catalog-card__body>a>p{max-width:590px;color:var(--pt-muted);margin:10px 0 0;line-height:1.5}.catalog-card__foot{border-top:1px solid var(--pt-line);margin-top:20px;padding-top:14px}.catalog-card__foot>a{color:var(--pt-text);align-items:center;gap:8px;font-weight:700;display:inline-flex}.detail-heading{border-bottom:1px solid var(--pt-line);grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:42px;padding:clamp(76px,9vw,118px) clamp(22px,4vw,56px) 36px;display:grid}.detail-heading h1{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(48px,7vw,104px);line-height:.9}.detail-heading__copy>p{color:#f5f5f2ad;margin:0 0 18px;font-size:clamp(17px,1.5vw,21px);line-height:1.5}.workbench{background:#080808;grid-template-columns:210px minmax(0,1fr);align-items:start;display:grid}.workbench-related-rail{border-right:1px solid var(--pt-line);background:#0a0a0a;height:calc(100vh - 66px);padding:15px;position:sticky;top:66px;overflow:auto}.workbench-center{min-width:0;padding:20px}.workbench-stage{border:1px solid var(--pt-line);border-radius:var(--pt-radius);min-height:clamp(520px,70vh,820px);box-shadow:var(--pt-shadow);background:#050505;overflow:clip}.stage-bar{border-bottom:1px solid var(--pt-line);background:#0e0e0eeb;min-height:56px;padding:0 14px}.stage-actions button{border:1px solid var(--pt-line);min-height:32px;color:var(--pt-text);background:#151515;border-radius:8px;padding:0 10px}.stage-readout{border-top:1px solid var(--pt-line);min-height:38px;color:var(--pt-muted-2);padding:0 14px}.variant-panel,.source-panel{border:1px solid var(--pt-line);border-radius:var(--pt-radius);background:#0d0d0d;margin-top:18px;overflow:clip}.variant-panel>header,.source-panel__head{border-bottom:1px solid var(--pt-line);background:#101010;min-height:54px}.variant-panel>div{background:var(--pt-line);gap:1px}.variant-panel article{background:#0c0c0c}.variant-panel article.active{background:#131313}.source-tabs{gap:4px;padding:5px}.source-tabs button{min-height:34px;color:var(--pt-muted);border-radius:8px;padding:0 12px}.source-tabs button.active{color:var(--pt-text);background:#ffffff14}.source-copy{color:#0a0a0a;background:#f3f2ee;border:1px solid #ffffff24;border-radius:9px;min-height:38px;margin-right:8px;padding:0 14px;font-weight:760}.workbench-overview,.api-panel,.source-code{padding:clamp(18px,2.5vw,32px)}.usage-grid>div,.workbench-doc-grid article{border-color:var(--pt-line);background:#0f0f0f}.api-table-wrap{border-color:var(--pt-line);border-radius:10px;overflow:auto}.api-panel table{min-width:760px}.api-panel th,.api-panel td{border-color:var(--pt-line)}.source-code pre{border:1px solid var(--pt-line);background:#070707;border-radius:12px;padding:18px;overflow:auto}.detail-notes,.detail-related,.site-footer{border-color:var(--pt-line)}.detail-related-card{border:1px solid var(--pt-line);background:#0d0d0d;border-radius:14px;overflow:clip}.site-footer{background:#080808;padding-top:46px}@media (max-width:1180px){.catalog-grid{grid-template-columns:1fr}.catalog-preview-link{min-height:420px}.library-intro{grid-template-columns:1fr;min-height:auto}.library-intro__copy{max-width:700px}.launch-index{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-index>div:nth-child(2){border-right:0}.launch-index>div:nth-child(-n+2){border-bottom:1px solid var(--pt-line)}}@media (max-width:900px){.site-header{min-height:58px;padding:0 14px}.desktop-navigation{display:none}.library-intro{padding:92px 18px 38px}.library-intro h1{font-size:clamp(54px,15vw,90px)}.library-shell{display:block}.library-sidebar{border-right:0;border-bottom:1px solid var(--pt-line);height:auto;padding:14px;position:relative;top:auto}.filter-group--categories,.sidebar-note{display:none}.filter-group{gap:7px;margin-top:12px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-group>p{display:none}.filter-group button{border:1px solid var(--pt-line);border-radius:999px;flex:none;width:auto;padding:0 11px}.library-content{padding:0 12px 36px}.library-toolbar{grid-template-columns:minmax(0,1fr) auto;margin:0 -12px 12px;padding:12px;position:relative;top:auto}.library-toolbar__note{display:none}.catalog-preview-link{min-height:68vw;max-height:520px}.detail-heading{grid-template-columns:1fr;padding:74px 18px 28px}.workbench{display:block}.workbench-related-rail{display:none}.workbench-center{padding:12px}.workbench-stage{border-radius:14px;min-height:68vh}}@media (max-width:620px){.header-action{min-height:34px;padding:0 12px}.library-intro{gap:34px}.library-intro h1{letter-spacing:-.068em}.library-intro__copy>p{font-size:17px}.launch-index{grid-template-columns:1fr}.launch-index>div{border-right:0;border-bottom:1px solid var(--pt-line);min-height:140px}.launch-index>div:last-child{border-bottom:0}.catalog-card{border-radius:14px}.catalog-preview-link{min-height:84vw}.catalog-card__body{padding:15px}.stage-bar{align-items:center;gap:8px}.stage-bar>div:first-child small,.stage-actions>span{display:none}.variant-panel,.source-panel{border-radius:14px}.source-panel__head{align-items:center;gap:6px}.source-tabs{overflow-x:auto}.source-copy{white-space:nowrap;padding:0 11px}}@media (prefers-reduced-motion:reduce){.catalog-card,.header-action,.desktop-navigation a{transition:none!important}.catalog-card:hover,.header-action:hover{transform:none}}
:root{--library-gutter:clamp(14px, 1.7vw, 26px);--library-shell-max:1720px;--library-toolbar-height:68px}.library-intro{width:min(100%, var(--library-shell-max));background:linear-gradient(90deg, #ffffff07 1px, transparent 1px) 0 0 / 11.5vw 100%, radial-gradient(circle at 72% 34%, #d3534a21, transparent 24%), radial-gradient(circle at 17% 20%, #ffffff0b, transparent 32%), var(--pt-bg);grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);gap:clamp(36px,5vw,84px);min-height:clamp(430px,49vh,560px);margin:0 auto;padding:clamp(82px,9vw,120px) clamp(22px,4vw,62px) 44px}.library-intro--sections{background:linear-gradient(135deg, #d3534a1a, transparent 34%), repeating-linear-gradient(90deg, transparent 0 11.5vw, #ffffff07 11.5vw calc(11.5vw + 1px)), var(--pt-bg);min-height:390px}.library-intro .eyebrow{color:#f5f5f275;margin-bottom:18px}.library-intro h1{letter-spacing:-.074em;max-width:890px;font-size:clamp(58px,7vw,112px);line-height:.84}.library-intro__copy{max-width:500px;padding:0 0 5px}.library-intro__copy>p{margin-bottom:24px;font-size:clamp(16px,1.25vw,20px);line-height:1.5}.library-intro__copy span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09090970;border-radius:6px;min-height:28px;padding-inline:9px}.launch-index{width:min(100%, var(--library-shell-max));border:0;border-bottom:1px solid var(--pt-line);background:#0b0b0b;margin:0 auto}.launch-index>div{background:0 0;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-content:center;gap:8px 18px;min-height:126px;padding:20px clamp(16px,2vw,28px);display:grid}.launch-index>div:hover{background:#ffffff06}.launch-index>div:after{display:none}.launch-index span{color:var(--pt-accent);grid-area:1/1;align-self:center}.launch-index small{grid-area:1/2;place-self:center start}.launch-index strong{color:var(--pt-text);grid-area:2/1;align-self:end;margin:0;font-size:clamp(32px,3vw,46px)}.launch-index p{grid-area:2/2;align-self:end;max-width:250px;font-size:9px}.library-shell{width:min(100%, var(--library-shell-max));border:0;border-bottom:1px solid var(--pt-line);background:#090909;grid-template-columns:none;margin:0 auto 76px;display:block}.library-sidebar{border-color:var(--pt-line);scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;background:#090909f5;height:calc(100dvh - 66px);padding:16px 12px 26px;top:66px}.search-field{background:#101010;border-radius:8px;min-height:42px}.search-field:focus-within{border-color:#d3534aad;box-shadow:0 0 0 3px #d3534a1a}.filter-group{margin-top:20px}.filter-group>p{margin-bottom:7px}.filter-group button{border-radius:7px;min-height:35px}.filter-group button.active{box-shadow:inset 2px 0 var(--pt-accent)}.filter-group--categories{grid-template-columns:1fr}.filter-group--categories>p{grid-column:auto}.library-content{min-width:0;padding:0 var(--library-gutter) 44px}.library-toolbar{min-height:var(--library-toolbar-height);margin:0 calc(var(--library-gutter) * -1) 16px;padding:10px var(--library-gutter);border-color:var(--pt-line);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:#090909d6;grid-template-columns:minmax(160px,.55fr) minmax(260px,1fr) auto;gap:clamp(18px,3vw,46px);top:66px}.library-toolbar__summary{gap:3px;display:grid}.library-toolbar__summary strong{font-size:14px}.library-toolbar__search{width:100%}.library-toolbar__controls{justify-content:flex-end;align-items:center;gap:12px;display:flex}.library-toolbar select{border-radius:7px;min-height:34px}.library-toolbar__controls>label,.library-sort-nav{color:var(--pt-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;font-size:8px;font-weight:750;display:flex}.library-toolbar__controls label{color:var(--pt-muted);font:inherit;letter-spacing:inherit}.library-toolbar__controls select,.library-sort-nav select{border:1px solid var(--pt-line);min-width:132px;min-height:36px;color:var(--pt-text);letter-spacing:.06em;text-transform:uppercase;background-color:#0d0d0d;border-radius:9px;padding-left:12px;font-size:9px;font-weight:750;transition:border-color .16s,background-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff06}.library-toolbar__controls select:hover{background-color:#121212;border-color:#fff3}.library-toolbar__controls select:focus-visible{border-color:#d3534ab3;box-shadow:0 0 0 3px #d3534a1f}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.catalog-card,.catalog-card:nth-child(2n),.catalog-card:nth-child(3n){border:1px solid var(--pt-line);contain-intrinsic-size:auto 520px;background:#0d0d0d;border-radius:14px;position:relative}.catalog-card:before{z-index:8;opacity:0;content:"";background:linear-gradient(90deg,#0000,#d3534ad1,#0000);height:1px;transition:opacity .2s;position:absolute;top:-1px;left:15%;right:15%}.catalog-card:hover:before{opacity:1}.catalog-preview-link{border-color:var(--pt-line);background:#070707;height:clamp(270px,22vw,350px);min-height:0;overflow:hidden}.library-preview-loader,.library-preview-loader>.demo-preview,.library-preview-placeholder{width:100%;height:100%}.library-preview-placeholder{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/28px 28px,#070707;position:relative;overflow:hidden}.library-preview-placeholder:after{content:"";border:1px solid #d3534a38;border-radius:50%;position:absolute;inset:28% 24%;box-shadow:0 0 54px #d3534a1f,inset 0 0 36px #d3534a0f}.library-preview-placeholder>span,.library-preview-placeholder>i{z-index:1;background:var(--pt-accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-preview-placeholder>span{width:42px;height:1px}.library-preview-placeholder>i{width:1px;height:42px}.library-preview-placeholder>small{z-index:1;color:#ffffff4d;font:650 7px/1 var(--font-mono);letter-spacing:.12em;position:absolute;bottom:12px;right:12px}.catalog-preview-link:before{z-index:4;color:#ffffffc2;content:"OPEN LIVE ↗";min-height:27px;font-family:var(--font-mono);letter-spacing:.08em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505a8;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:0 9px;font-size:7px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:53px;right:12px;transform:translateY(5px)}.catalog-card:hover .catalog-preview-link:before{opacity:1;transform:translateY(0)}.catalog-preview-link .demo-preview--compact{background:var(--preview-background);height:100%;min-height:0;transition:filter .25s,transform .45s cubic-bezier(.2,.8,.2,1)}.catalog-preview-caption{z-index:5;color:#f4f3ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0c0ce6;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.catalog-preview-caption strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620;overflow:hidden}.catalog-preview-caption small{color:#ffffff75;font:650 7px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex:none}.catalog-card:hover .demo-preview--compact{background:var(--preview-background);filter:saturate(1.08)brightness(1.035);transform:scale(1.012)}.catalog-index,.catalog-runtime{background:#0505059e;border-radius:6px;min-height:23px;top:10px}.catalog-index{left:10px}.catalog-runtime{right:10px}.catalog-card__body{padding:14px 15px 15px;display:grid}.catalog-card__meta{margin-bottom:11px}.catalog-card h2{font-size:clamp(21px,1.6vw,27px)}.catalog-card__body>a>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:8px 0 0;font-size:10px;display:-webkit-box;overflow:hidden}.catalog-card__foot{margin-top:14px;padding-top:11px}.catalog-card__foot>a{font-size:9px}.library-pagination{border:1px solid var(--pt-line);min-height:82px;color:var(--pt-muted-2);font:650 8px/1 var(--font-mono);letter-spacing:.1em;background:#0d0d0d;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin:14px;padding:14px 16px;display:flex}.library-pagination button{color:#0a0a0a;cursor:pointer;min-height:42px;font:760 8px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#f3f2ee;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:14px;padding:0 15px;display:inline-flex}.library-pagination button svg{width:13px;height:13px}.library-pagination button:hover,.library-pagination button:focus-visible{background:#fff;outline:0;box-shadow:0 0 0 3px #d3534a33}.detail-heading{width:min(100%, var(--library-shell-max));background:linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/11.5vw 100%,#090909;grid-template-columns:minmax(0,1fr) minmax(340px,.62fr);align-items:end;gap:46px;min-height:176px;margin:0 auto;padding:30px clamp(20px,3vw,46px) 28px}.detail-heading>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:8px 18px;display:grid}.detail-heading>div:first-child>a{grid-column:1/-1;width:max-content;margin:0 0 10px}.detail-heading .eyebrow{align-self:end;margin:0 0 7px}.detail-heading h1{grid-column:1/-1;margin:0;font-size:clamp(44px,4.8vw,72px);line-height:.88}.detail-heading__copy>p{margin:0 0 13px;font-size:14px;line-height:1.5}.workbench{width:min(100%, var(--library-shell-max));border:0;border-bottom:1px solid var(--pt-line);background:#090909;grid-template-columns:204px minmax(0,1fr) 286px;align-items:start;margin:0 auto}.workbench-related-rail,.control-panel{max-height:calc(100dvh - 66px);top:66px}.workbench-related-rail{border-right:1px solid var(--pt-line);background:#0b0b0b;height:calc(100dvh - 66px);padding:0}.workbench-related-rail .demo-preview{min-height:112px}.workbench-related-rail article>span{padding-top:8px}.workbench-related-rail article>strong{padding-bottom:11px}.workbench-center{background:#090909;border:0;min-width:0;padding:14px}.workbench-stage{border:1px solid var(--pt-line);background:#050505;border-radius:14px;min-height:clamp(540px,68vh,760px);box-shadow:0 22px 74px #00000047}.workbench-stage .demo-preview{min-height:clamp(448px,68vh - 94px,666px)}.stage-bar{border-radius:13px 13px 0 0;min-height:50px}.stage-readout{min-height:35px}.control-panel{border-left:1px solid var(--pt-line);background:#0c0c0c}.control-panel>header{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c0c0ceb;min-height:50px;position:sticky;top:0}.control-panel__actions{padding:9px 10px}.control-panel__actions button{border-radius:7px}.control-group-title{padding-top:14px}.control-panel>label,.control-panel fieldset{padding:12px 14px}.control-range>div{grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:8px;min-width:0;display:grid}.control-range input[type=number]{border:1px solid var(--pt-line);width:58px;min-height:30px;color:var(--pt-text);font:650 8px/1 var(--font-mono);text-align:center;background:#111;border-radius:6px;padding:0 6px}.control-range input[type=number]:focus{border-color:color-mix(in srgb,var(--pt-accent) 74%,white 8%);box-shadow:0 0 0 3px color-mix(in srgb,var(--pt-accent) 12%,transparent);outline:0}.control-range>small{justify-self:end}.variant-panel,.source-panel{border-radius:13px;margin-top:14px}.variant-panel .demo-preview{min-height:148px}.workbench-overview,.api-panel,.source-code{padding:0}.detail-notes,.detail-related{width:min(100%, var(--library-shell-max))}.demo-preview[data-preview=index-hero-section],.demo-preview[data-preview=service-rail-section],.demo-preview[data-preview=testimonial-index-section],.demo-preview[data-preview=faq-ledger-section],.demo-preview[data-preview=threshold-dither]{box-shadow:inset 0 0 0 1px #00000014}.demo-preview[data-preview=release-manifesto-section]{background-image:radial-gradient(circle at 72% 30%,#ffffff21,#0000 29%)}.demo-preview--compact .section-preview :is(h2,h2 strong){line-height:.88;font-size:clamp(28px,10.5cqi,50px)!important}.demo-preview--compact :is(.section-index-hero,.section-feature-grid,.section-service-rail,.section-proof-ledger,.section-process-sequence,.section-manifesto,.section-pricing-console,.section-access-waitlist,.section-testimonial-index,.section-network-footer,.section-logo-strip,.section-metrics-brief,.section-editorial-cta,.section-team-index,.section-faq-ledger){gap:clamp(14px,5cqi,27px);padding:clamp(16px,5cqi,28px)}.demo-preview--compact :is(.section-feature-grid>header,.section-logo-strip>header,.section-team-index>header){grid-template-columns:1fr;gap:10px}.demo-preview--compact .section-feature-grid__grid article{padding:12px}@media (max-width:1240px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-preview-link{height:clamp(290px,30vw,390px)}}@media (max-width:1260px){.workbench{grid-template-columns:minmax(0,1fr) 286px}.workbench-related-rail{display:none}.workbench-center{border-left:0}}@media (max-width:980px){.library-intro,.library-intro--sections{grid-template-columns:1fr;gap:30px;min-height:auto;padding:76px 20px 36px}.library-intro h1{font-size:clamp(54px,12vw,84px)}.launch-index{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-index>div{min-height:116px}.library-shell{display:block}.library-sidebar{height:auto;position:relative;top:auto}.library-toolbar{top:58px}.detail-heading{grid-template-columns:1fr;gap:22px;padding:28px 20px}.workbench{grid-template-columns:1fr}.workbench-center{padding:12px}.control-panel{border:1px solid var(--pt-line);border-radius:13px;max-height:none;margin:0 12px 12px;position:static;overflow:clip}}@media (max-width:720px){.library-intro h1{font-size:clamp(46px,14vw,68px)}.launch-index{grid-template-columns:1fr}.launch-index>div{border-right:0;border-bottom:1px solid var(--pt-line);min-height:102px}.library-content{padding-inline:10px}.library-toolbar{grid-template-columns:minmax(0,1fr) auto;margin-inline:-10px;padding-inline:10px}.library-toolbar__note,.library-sort-nav>label{display:none}.library-sort-nav select{min-width:116px;min-height:40px}.catalog-grid{grid-template-columns:1fr;gap:10px}.catalog-preview-link{height:clamp(268px,78vw,390px)}.catalog-card__body{padding:14px}.catalog-card__body>a>p{min-height:0}.library-pagination{flex-direction:column;align-items:stretch;margin-inline:0}.library-pagination button{justify-content:space-between;width:100%}.detail-heading h1{font-size:clamp(40px,12vw,56px)}.workbench-stage{border-radius:12px;min-height:0}.workbench-stage .demo-preview{min-height:min(430px,118vw)}.variant-panel>div{grid-template-columns:1fr}.variant-panel article{border-right:0;border-bottom:1px solid var(--pt-line)}}@media (max-width:380px){.library-toolbar{grid-template-columns:1fr}.library-toolbar__summary{grid-area:2/1}.library-toolbar .library-toolbar__search{grid-area:1/1}.library-toolbar__controls{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.library-toolbar__controls>label,.library-sort-nav{min-width:0}.library-toolbar__controls select{width:100%;min-width:0;max-width:none}}@media (prefers-reduced-motion:reduce){.catalog-preview-link .demo-preview--compact,.catalog-preview-link:before,.catalog-card:before{transition:none!important}}
.demo-preview[data-engine]{background:radial-gradient(circle 420px at var(--pointer-x) var(--pointer-y), color-mix(in srgb, var(--preview-accent) 10%, transparent), transparent 62%), radial-gradient(circle 520px at 82% 8%, color-mix(in srgb, var(--preview-secondary) 4%, transparent), transparent 58%), var(--preview-background,#070708)}.demo-preview[data-engine]:before,.demo-preview[data-engine]:after{pointer-events:none;content:"";position:absolute;inset:0}.demo-preview[data-engine]:before{z-index:0;background-image:linear-gradient(color-mix(in srgb, var(--preview-secondary) 3.8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--preview-secondary) 3.8%, transparent) 1px, transparent 1px);-webkit-mask-image:radial-gradient(circle 66% at var(--pointer-x) var(--pointer-y), #000, transparent 88%);mask-image:radial-gradient(circle 66% at var(--pointer-x) var(--pointer-y), #000, transparent 88%);opacity:.72;background-position:50%;background-size:36px 36px}.demo-preview[data-engine]:after{z-index:30;border:1px solid color-mix(in srgb, var(--preview-secondary) 7%, transparent);mix-blend-mode:soft-light;opacity:.46;background:linear-gradient(115deg,#0000 0 42%,#ffffff06 50%,#0000 58%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px);box-shadow:inset 0 0 90px #00000061}.demo-preview[data-engine=premium] .premium-preview,.demo-preview[data-engine=motion] .launch-suite{z-index:1;background:0 0}.demo-preview[data-engine=canvas] .advanced-canvas{z-index:1}.advanced-canvas:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 42%,#00000057 100%),linear-gradient(90deg,#0000,#ffffff06 50%,#0000);position:absolute;inset:0}.demo-preview:not(.demo-preview--compact)[data-engine]:focus-visible{outline:2px solid color-mix(in srgb, var(--preview-accent) 78%, white);outline-offset:-3px}.magnetic-word{isolation:isolate;min-width:min(86cqi,720px);min-height:260px}.magnetic-word:before,.magnetic-word:after{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--premium-accent) 22%, transparent);content:"";width:min(58cqi,410px);opacity:calc(.32 + var(--premium-intensity) * .15);border-radius:50%;position:absolute}.magnetic-word:before{box-shadow:0 0 80px color-mix(in srgb, var(--premium-accent) 11%, transparent), inset 0 0 52px color-mix(in srgb, var(--premium-accent) 6%, transparent);transform:translate(calc(var(--premium-dx) * -.28), calc(var(--premium-dy) * -.28))}.magnetic-word:after{opacity:.16;width:min(38cqi,270px);transform:translate(calc(var(--premium-dx) * .18), calc(var(--premium-dy) * .18)) rotate(16deg);border-style:dashed}.magnetic-word strong,.magnetic-word__ghost{max-width:92cqi;font-size:clamp(32px, var(--premium-copy-size,72px), 124px);font-weight:var(--preview-font-weight,850);letter-spacing:var(--preview-letter-spacing,-.06em);line-height:var(--preview-line-height,.92);text-align:center;text-wrap:balance;flex-wrap:wrap;justify-content:center}.magnetic-word strong{filter:drop-shadow(0 15px 36px #00000070)}.magnetic-word strong i{text-shadow:0 0 26px color-mix(in srgb, var(--premium-accent) 22%, transparent)}.magnetic-word__ghost{color:color-mix(in srgb, var(--premium-accent) 13%, transparent);text-shadow:2px 2px 0 color-mix(in srgb, var(--premium-accent) 32%, transparent), 0 0 30px color-mix(in srgb, var(--premium-accent) 18%, transparent);transform:translate(calc(var(--premium-dx) * -.36 - 8px), calc(var(--premium-dy) * -.36 + 9px))}.magnetic-word__ghost--far{color:#5b8cff29;text-shadow:-2px 2px #5b8cff33;opacity:.28;transform:translate(calc(var(--premium-dx) * -.52 + 10px), calc(var(--premium-dy) * -.52 - 7px))}.magnetic-word small{margin:0;position:absolute;bottom:8px;right:0}.cipher-reveal,.weight-shift{border:1px solid color-mix(in srgb, var(--preview-secondary) 11%, transparent);border-radius:calc(var(--preview-radius) + 8px);background:radial-gradient(circle at var(--premium-x) var(--premium-y), color-mix(in srgb, var(--premium-accent) 19%, transparent), transparent 38%), linear-gradient(145deg, #ffffff0b, #ffffff03);align-content:center;width:min(84%,680px);min-height:245px;padding:clamp(24px,6cqi,56px);position:relative;box-shadow:0 28px 80px #00000047,inset 0 1px #ffffff14}.cipher-reveal:after,.weight-shift:after{background:var(--premium-accent);width:54px;height:2px;box-shadow:0 0 18px color-mix(in srgb, var(--premium-accent) 72%, transparent);content:"";position:absolute;bottom:18px;right:18px}.cipher-reveal strong,.weight-shift strong{font-size:clamp(30px, var(--premium-copy-size,64px), 104px);font-weight:var(--preview-font-weight,850);letter-spacing:var(--preview-letter-spacing,-.06em);line-height:var(--preview-line-height,.92);text-wrap:balance;flex-wrap:wrap}.magnetic-action,.decrypt-action,.variable-pill,.flux-toggle,.hold-progress{border-radius:calc(var(--preview-radius) + 4px);min-width:min(78cqi,360px);min-height:68px;box-shadow:0 24px 60px #0000005c,inset 0 1px #ffffff1a}.magnetic-action:after,.decrypt-action:before,.variable-pill:after,.flux-toggle:after,.hold-progress:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(112deg,#0000 18%,#ffffff14,#0000 62%);border:1px solid #ffffff0f;position:absolute;inset:1px}.magnetic-action>span,.decrypt-action strong,.variable-pill span,.flux-toggle strong,.hold-progress span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.pressure-key>div{border-radius:calc(var(--preview-radius) + 5px);background:radial-gradient(circle at var(--premium-x) var(--premium-y), color-mix(in srgb, var(--premium-accent) 17%, transparent), transparent 45%), linear-gradient(145deg, #292929, #0a0a0a);width:min(58cqi,230px);height:min(34cqi,138px)}.pressure-key strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.orbit-action{background:radial-gradient(circle, color-mix(in srgb, var(--premium-accent) 12%, transparent), transparent 68%);width:min(42cqi,214px);height:min(42cqi,214px);box-shadow:0 0 80px color-mix(in srgb, var(--premium-accent) 9%, transparent), inset 0 0 32px #ffffff06}.orbit-action>span{text-align:center;text-wrap:balance;max-width:104px}.signal-perimeter,.frequency-border,.corner-pulse-frame,.prism-edge{aspect-ratio:1.72;border-radius:calc(var(--preview-radius) + 4px);background:radial-gradient(circle at var(--suite-x) var(--suite-y), color-mix(in srgb, var(--preview-accent) 12%, transparent), transparent 38%), linear-gradient(145deg, #ffffff0a, #ffffff03);width:min(78%,620px);position:relative;overflow:hidden;box-shadow:0 34px 90px #0006,inset 0 1px #ffffff14}.signal-perimeter{border:1px solid color-mix(in srgb, var(--preview-secondary) 14%, transparent);align-content:end;gap:9px;padding:clamp(24px,5cqi,48px);display:grid}.signal-perimeter>i{background:linear-gradient(90deg, transparent, var(--preview-accent), color-mix(in srgb, var(--preview-accent) 42%, white), transparent);box-shadow:0 0 18px color-mix(in srgb, var(--preview-accent) 58%, transparent);animation:quality-perimeter calc(var(--preview-speed) * 2.8) linear infinite;position:absolute}.signal-perimeter>i:first-child,.signal-perimeter>i:nth-child(3){width:38%;height:2px;left:0}.signal-perimeter>i:first-child{top:0}.signal-perimeter>i:nth-child(3){animation-direction:reverse;bottom:0;left:auto;right:0}.signal-perimeter>i:nth-child(2),.signal-perimeter>i:nth-child(4){background:linear-gradient(180deg, transparent, var(--preview-accent), white, transparent);width:2px;height:38%;top:0}.signal-perimeter>i:nth-child(2){animation-name:quality-perimeter-y;animation-delay:calc(var(--preview-speed) * -.7);right:0}.signal-perimeter>i:nth-child(4){animation-name:quality-perimeter-y;animation-direction:reverse;animation-delay:calc(var(--preview-speed) * -.7);top:auto;bottom:0;left:0}.signal-perimeter--1>i:nth-child(2n){animation-direction:reverse}.signal-perimeter--2>i{filter:hue-rotate(24deg)}.signal-perimeter small,.signal-perimeter span{color:color-mix(in srgb, var(--preview-secondary) 48%, transparent)}.signal-perimeter strong{letter-spacing:-.08em;font-size:clamp(34px,6cqi,72px);line-height:.82}.signal-perimeter span{font-family:var(--font-mono);justify-self:end;font-size:7px}@keyframes quality-perimeter{0%{opacity:0;transform:translate(-100%)}18%,72%{opacity:1}to{opacity:0;transform:translate(260%)}}@keyframes quality-perimeter-y{0%{opacity:0;transform:translateY(-100%)}18%,72%{opacity:1}to{opacity:0;transform:translateY(260%)}}.frequency-border{align-content:center;padding:11%;display:grid}.frequency-border svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.frequency-border rect{fill:none;stroke:color-mix(in srgb, var(--preview-accent) 82%, white);stroke-width:1.25px;stroke-dasharray:2 7 15 4;vector-effect:non-scaling-stroke;animation:quality-frequency calc(var(--preview-speed) * 2.2) linear infinite;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--preview-accent) 42%, transparent))}.frequency-border rect:nth-child(2){stroke:color-mix(in srgb, #5b8cff 62%, var(--preview-secondary));stroke-dasharray:9 13;animation-direction:reverse;animation-duration:calc(var(--preview-speed) * 3.1);opacity:.58}.frequency-border rect:nth-child(3){stroke:var(--preview-secondary);stroke-dasharray:1 18;animation-duration:calc(var(--preview-speed) * 4.2);opacity:.28}.frequency-border strong{letter-spacing:-.09em;font-size:clamp(36px,7cqi,76px);line-height:.8}.frequency-border small{color:color-mix(in srgb, var(--preview-secondary) 48%, transparent);position:absolute;bottom:18px;right:22px}@keyframes quality-frequency{to{stroke-dashoffset:-100px}}.corner-pulse-frame{border:1px solid color-mix(in srgb, var(--preview-secondary) 12%, transparent);place-items:center;display:grid}.corner-pulse-frame:before,.corner-pulse-frame:after{background:color-mix(in srgb, var(--preview-secondary) 10%, transparent);content:"";position:absolute}.corner-pulse-frame:before{width:1px;top:18px;bottom:18px;left:50%}.corner-pulse-frame:after{height:1px;top:50%;left:18px;right:18px}.corner-pulse-frame>i{border:1px solid var(--preview-accent);width:18px;height:18px;box-shadow:0 0 18px color-mix(in srgb, var(--preview-accent) 45%, transparent);animation:quality-corner calc(var(--preview-speed) * 2.4) ease-in-out infinite;position:absolute}.corner-pulse-frame>i:first-child{border-bottom:0;border-right:0;top:0;left:0}.corner-pulse-frame>i:nth-child(2){animation-delay:calc(var(--preview-speed) * -.6);border-bottom:0;border-left:0;top:0;right:0}.corner-pulse-frame>i:nth-child(3){animation-delay:calc(var(--preview-speed) * -1.2);border-top:0;border-left:0;bottom:0;right:0}.corner-pulse-frame>i:nth-child(4){animation-delay:calc(var(--preview-speed) * -1.8);border-top:0;border-right:0;bottom:0;left:0}.corner-pulse-frame>div{z-index:2;text-align:center;justify-items:center;gap:11px;display:grid;position:relative}.corner-pulse-frame strong{letter-spacing:-.09em;font-size:clamp(34px,6.4cqi,72px);line-height:.8}.corner-pulse-frame small{color:var(--preview-accent)}.corner-pulse-frame span{color:color-mix(in srgb, var(--preview-secondary) 42%, transparent);font-family:var(--font-mono);font-size:7px}@keyframes quality-corner{50%{filter:brightness(1.7);width:42px;height:42px}}.prism-edge{background:linear-gradient(145deg, #16171b, #08090b) padding-box, conic-gradient(from 215deg at var(--suite-x) var(--suite-y), #ff7b68, #8f7cff, #58d9ff, #b9f227, #ff7b68) border-box;box-shadow:0 34px 90px #0000006b, 0 0 calc(24px * var(--preview-intensity)) color-mix(in srgb, var(--preview-accent) 13%, transparent), inset 0 1px #ffffff1a;border:1px solid #0000;align-content:end;gap:10px;padding:clamp(24px,5cqi,48px);display:grid}.prism-edge:before{background:radial-gradient(circle at var(--suite-x) var(--suite-y), #ffffff29, transparent 24%);content:"";filter:blur(18px);transform:translate(var(--suite-dx-soft), var(--suite-dy-soft));position:absolute;inset:-35%}.prism-edge>i{top:var(--suite-y);left:var(--suite-x);border:1px solid #ffffff47;border-radius:50%;width:62px;height:62px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 38px #ffffff1f}.prism-edge strong{letter-spacing:-.09em;font-size:clamp(36px,7cqi,78px);line-height:.8}.prism-edge small,.prism-edge span{color:color-mix(in srgb, var(--preview-secondary) 46%, transparent)}.prism-edge span{font-family:var(--font-mono);justify-self:end;font-size:7px}.media-poster{background:radial-gradient(circle at calc(20% + var(--item) * 12%) 26%, color-mix(in srgb, var(--premium-accent) 78%, white), transparent 18%), conic-gradient(from calc(var(--item) * 34deg) at 66% 44%, color-mix(in srgb, var(--premium-accent) 50%, #32134d), #071826, #df654d, color-mix(in srgb, var(--premium-accent) 42%, #111));opacity:.88;font-style:normal;position:absolute;inset:0;overflow:hidden}.media-poster:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(112deg,#0000 0 14px,#ffffff17 15px,#0000 16px 31px),linear-gradient(#0000 40%,#000000c7);position:absolute;inset:0}.media-poster b{aspect-ratio:1;border:1px solid #ffffff42;border-radius:50%;width:44%;position:absolute;box-shadow:0 0 34px #ffffff14}.media-poster b:first-child{top:11%;right:-5%}.media-poster b:nth-child(2){width:68%;bottom:-16%;right:18%}.media-poster b:nth-child(3){background:#ffffff29;width:18%;top:40%;left:9%}.swipe-deck{width:min(54cqi,340px);height:min(42cqi,250px)}.swipe-deck article{border-radius:calc(var(--preview-radius) + 2px);background:#0b0b0c;overflow:hidden;box-shadow:0 26px 70px #0000007a,inset 0 1px #ffffff14}.swipe-deck article>:not(.media-poster),.coverflow-reel article>:not(.media-poster),.orbit-gallery article>:not(.media-poster){z-index:2;position:relative}.swipe-deck article .media-poster{z-index:0}.swipe-deck article:not(.is-active) .media-poster{filter:saturate(.48)brightness(.62)}.swipe-deck article.is-active{border-color:color-mix(in srgb, var(--premium-accent) 78%, white)}.coverflow-reel{gap:7px;width:min(88%,680px);min-height:282px;position:relative}.coverflow-reel article{border-radius:max(4px, var(--preview-radius));background:#0a0a0b;position:relative;overflow:hidden;box-shadow:0 18px 54px #00000057}.coverflow-reel article .media-poster{opacity:.55;filter:saturate(.55)brightness(.58)}.coverflow-reel article.active{width:min(52%,286px);height:232px}.coverflow-reel article.active .media-poster{opacity:1;filter:none}.coverflow-reel article.active strong{text-wrap:balance;align-self:end;font-size:clamp(24px,4.4cqi,46px);line-height:.9}.coverflow-reel>small{text-align:center;bottom:0;left:0;right:0}.orbit-gallery{width:min(48cqi,340px);height:min(40cqi,270px)}.orbit-gallery article{overflow:hidden;box-shadow:0 16px 42px #00000061}.orbit-gallery .media-poster{opacity:.82}.cursor-trail-gallery>i{background:#0a0a0b;overflow:hidden}.cursor-trail-gallery>i>.media-poster{z-index:0;opacity:calc(.95 - var(--item) * .1)}.cursor-trail-gallery>i>span{z-index:2;position:relative}.pixel-unfold-pro{border-radius:calc(var(--preview-radius) + 2px);width:min(76%,510px);box-shadow:0 30px 80px #0006}.pixel-unfold-pro__art{background:radial-gradient(circle at 26% 28%, color-mix(in srgb, var(--premium-accent) 74%, white), transparent 22%), conic-gradient(from 220deg at 60% 55%, #0d2837, color-mix(in srgb, var(--premium-accent) 60%, #3d1556), #f18261, #0d2837);position:absolute;inset:0}.pixel-unfold-pro__art i{border:1px solid #ffffff47;border-radius:50%;position:absolute;inset:16% 28%}.pixel-unfold-pro__art i:nth-child(2){inset:28% 18%;transform:rotate(38deg)}.pixel-unfold-pro__art i:nth-child(3){background:#ffffff38;inset:39%}.pixel-unfold-pro>div{z-index:2;mix-blend-mode:multiply}.prism-card{border-radius:calc(var(--preview-radius) + 4px);background:radial-gradient(circle at var(--premium-x) var(--premium-y), color-mix(in srgb, var(--premium-accent) 38%, transparent), transparent 34%), conic-gradient(from 210deg at 82% 12%, #152834, color-mix(in srgb, var(--premium-accent) 22%, #35152d), #0a0a0b 55%);width:min(72%,410px);min-height:244px;box-shadow:0 36px 90px #00000070,inset 0 1px #ffffff1a}.demo-preview:not(.demo-preview--compact) .launch-suite>:not(.matrix-swarm):not(.ember-drift):not(.glyph-current):not(.arc-pressure):not(.flex-lines):not(.coordinate-reticle):not(.contour-stream){scale:1.07}.launch-suite:before{border:1px solid color-mix(in srgb, var(--preview-secondary) 5%, transparent);border-radius:calc(var(--preview-radius) + 12px);background:radial-gradient(circle at var(--suite-x) var(--suite-y), color-mix(in srgb, var(--preview-accent) 8%, transparent), transparent 38%);content:"";pointer-events:none;position:absolute;inset:8%}.direction-gallery,.index-reveal figure,.liquid-mask>div,.cylinder-fold,.slice-gallery,.editorial-stack article,.infinite-rail article{box-shadow:0 28px 76px #00000057,inset 0 1px #ffffff12}.direction-gallery article,.index-reveal figure,.infinite-rail article{position:relative;overflow:hidden}.direction-gallery article:before,.index-reveal figure:before,.editorial-stack article:before,.infinite-rail article:before{background:radial-gradient(circle at calc(18% + var(--item,1) * 17%) 24%, color-mix(in srgb, var(--preview-accent) 56%, white), transparent 18%), conic-gradient(from calc(var(--item,1) * 38deg) at 68% 48%, color-mix(in srgb, var(--preview-accent) 42%, #482049), #0b2633, #d56c50, #14151a);content:"";opacity:.78;position:absolute;inset:0}.direction-gallery article:after,.index-reveal figure:after,.editorial-stack article:after,.infinite-rail article:after{content:"";background:linear-gradient(#0000000a,#000000c2);position:absolute;inset:0}.direction-gallery article>*,.index-reveal figure>*,.editorial-stack article>*,.infinite-rail article>*{z-index:2;position:relative}.assembly-copy strong,.pixel-type-drift strong,.signal-glitch :where(strong,i),.scanline-type strong,.scanline-type>span,.split-scramble strong{font-weight:var(--preview-font-weight,900);letter-spacing:var(--preview-letter-spacing,-.08em);line-height:var(--preview-line-height,.88)}.variable-pill,.flux-toggle,.hold-progress,.tension-link,.magnetic-tabs,.signal-dock,.terminal-counter,.heatmap-card,.dial-card,.status-cluster article,.morphing-tooltip aside{-webkit-backdrop-filter:blur(18px)saturate(135%)}.signal-type{max-width:min(86cqi,720px);font-size:clamp(34px, var(--preview-font-size), 118px);font-weight:var(--preview-font-weight);letter-spacing:var(--preview-letter-spacing);line-height:var(--preview-line-height);text-wrap:balance;filter:drop-shadow(8px 10px 0 color-mix(in srgb, var(--preview-accent) 18%, transparent))}.orbit-card,.scan-panel,.relay-button,.dot-type-preview{border-radius:calc(var(--preview-radius) + 4px);box-shadow:0 28px 80px #0000005c,inset 0 1px #ffffff14}.relay-button{min-width:min(76cqi,360px);min-height:68px}.demo-preview--compact[data-engine]:before{opacity:.42;background-size:28px 28px}.demo-preview--compact[data-engine]:after{opacity:.25}.demo-preview--compact .magnetic-word{min-height:190px}.demo-preview--compact .magnetic-word:before{width:170px}.demo-preview--compact .magnetic-word:after{width:110px}.demo-preview--compact .magnetic-word strong,.demo-preview--compact .magnetic-word__ghost{font-size:clamp(30px, var(--premium-copy-size,48px), 58px)}.demo-preview--compact .cipher-reveal,.demo-preview--compact .weight-shift{min-height:178px;padding:20px}.demo-preview--compact .swipe-deck{width:245px;height:182px}.demo-preview--compact .coverflow-reel{min-height:218px}.demo-preview--compact .coverflow-reel article.active{height:184px}@media (max-width:720px){.magnetic-word{min-height:210px}.cipher-reveal,.weight-shift{width:88%;min-height:210px;padding:26px}.coverflow-reel article.active{width:58%;height:198px}.orbit-action{width:184px;height:184px}.demo-preview:not(.demo-preview--compact) .launch-suite>:not(.matrix-swarm):not(.ember-drift):not(.glyph-current):not(.arc-pressure):not(.flex-lines):not(.coordinate-reticle):not(.contour-stream){scale:.92}}@media (pointer:coarse){.demo-preview[data-preview=cursor-trail-gallery]{touch-action:pan-y pinch-zoom}.cursor-trail-gallery{opacity:.88}}@media (prefers-reduced-motion:reduce){.demo-preview[data-engine]:after{background:0 0}.magnetic-word:after{transform:rotate(16deg)}.media-poster{filter:none!important}}.workbench-stage{position:relative}.stage-utility-rail{border-top:1px solid var(--pt-border);background:#0c0c0c;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:7px 10px 7px 14px;display:flex}.stage-utility-rail .stage-readout{border-top:0;flex:1;min-width:0;min-height:0;padding:0}.stage-copy-action{color:#090909;cursor:pointer;min-height:36px;font:760 8px/1 var(--font-mono);letter-spacing:.09em;background:#f3f2ee;border:1px solid #ffffff38;border-radius:9px;flex:none;align-items:center;gap:20px;padding:0 14px 0 16px;transition:transform .18s,background-color .18s,box-shadow .18s;display:inline-flex;box-shadow:inset 0 1px #fffc}.stage-copy-action svg{width:13px;height:13px}.stage-copy-action:hover,.stage-copy-action:focus-visible{box-shadow:0 20px 54px #00000080, 0 0 0 3px color-mix(in srgb, var(--preview-accent,#d3534a) 28%, transparent);background:#fff;outline:0;transform:translateY(-2px)}.stage-copy-action:active{transform:translateY(0)scale(.98)}.stage-copy-action:disabled{cursor:wait;opacity:.68}@media (max-width:800px){.stage-utility-rail{gap:9px;padding-inline:10px}.stage-utility-rail .stage-readout{gap:8px;font-size:6px}.stage-copy-action{gap:14px;min-height:40px;padding-inline:13px}}
.parity-preview{background:var(--preview-background,#050505);isolation:isolate;position:absolute;inset:0;overflow:hidden}.parity-preview:before{z-index:0;background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--preview-accent,#725cff) 22%, transparent), transparent 44%);content:"";position:absolute;inset:0}.parity-preview[data-effect=parity-twin-galaxy]:before{background:radial-gradient(ellipse 5% 9% at 50% 53%, #02030a 0 72%, #f5f1ff 76%, transparent 100%), repeating-conic-gradient(from 18deg at 50% 53%, transparent 0 8deg, color-mix(in srgb, var(--preview-accent,#725cff) 30%, transparent) 9deg 11deg, transparent 12deg 31deg), radial-gradient(ellipse 37% 25% at 50% 53%, transparent 0 14%, color-mix(in srgb, var(--preview-secondary,#fff) 38%, transparent) 16%, color-mix(in srgb, var(--preview-accent,#725cff) 25%, transparent) 36%, transparent 70%)}.parity-preview[data-effect=parity-cursor-ring-field]:before{background:radial-gradient(circle at 50% 54%, transparent 0 20%, color-mix(in srgb, var(--preview-secondary,#fff) 72%, transparent) 20.5%, color-mix(in srgb, var(--preview-accent,#1683ff) 24%, transparent) 23%, transparent 28%), repeating-conic-gradient(from 4deg at 50% 54%, transparent 0 5deg, color-mix(in srgb, var(--preview-accent,#1683ff) 28%, transparent) 6deg 7deg, transparent 8deg 15deg), radial-gradient(circle at 50% 54%, color-mix(in srgb, var(--preview-accent,#1683ff) 14%, transparent), transparent 62%)}.parity-preview[data-effect=parity-morphing-rings]:before{background:radial-gradient(circle at 50% 54%, #020205 0 9%, color-mix(in srgb, var(--preview-accent,#ff167d) 62%, transparent) 10%, transparent 16%), repeating-radial-gradient(ellipse 38% 26% at 50% 54%, transparent 0 8%, color-mix(in srgb, var(--preview-accent,#ff167d) 22%, transparent) 8.5% 9%, transparent 10% 16%), radial-gradient(ellipse at 50% 54%, color-mix(in srgb, var(--preview-accent,#ff167d) 22%, transparent), transparent 58%)}.parity-preview[data-effect=parity-glass-mark]:before{background:radial-gradient(ellipse 22% 25% at 50% 52%, transparent 0 31%, color-mix(in srgb, var(--preview-secondary,#fff) 68%, transparent) 32%, color-mix(in srgb, var(--preview-accent,#3e8cff) 58%, transparent) 36%, color-mix(in srgb, var(--preview-accent,#3e8cff) 14%, transparent) 56%, transparent 62%), repeating-linear-gradient(130deg, transparent 0 18px, #ffffff09 19px 20px), radial-gradient(ellipse at center, color-mix(in srgb, var(--preview-accent,#3e8cff) 12%, transparent), transparent 50%)}.parity-preview[data-effect=parity-pulsating-border]:before{background:radial-gradient(ellipse 24% 8% at 25% 12%, color-mix(in srgb, var(--preview-accent,#7856ff) 82%, white 12%), transparent 70%), radial-gradient(ellipse 8% 28% at 88% 48%, color-mix(in srgb, var(--preview-secondary,#ff4dba) 78%, white 10%), transparent 72%), radial-gradient(ellipse 25% 8% at 48% 88%, color-mix(in srgb, var(--preview-secondary,#ff4dba) 68%, transparent), transparent 72%), linear-gradient(color-mix(in srgb, var(--preview-accent,#7856ff) 18%, transparent), color-mix(in srgb, var(--preview-accent,#7856ff) 18%, transparent)) 12% 12% / 76% 1px no-repeat, linear-gradient(color-mix(in srgb, var(--preview-accent,#7856ff) 18%, transparent), color-mix(in srgb, var(--preview-accent,#7856ff) 18%, transparent)) 12% 88% / 76% 1px no-repeat}.parity-preview[data-effect=parity-plasma-ring]:before{background:repeating-linear-gradient(to bottom, transparent 0 8px, color-mix(in srgb, var(--preview-accent,#f529ff) 15%, transparent) 9px 10px, transparent 11px 13px), radial-gradient(circle at 50% 53%, transparent 0 28%, color-mix(in srgb, var(--preview-accent,#f529ff) 18%, transparent) 29%, color-mix(in srgb, var(--preview-secondary,#00d9ff) 42%, transparent) 31%, transparent 35%);background-position:50%;background-repeat:no-repeat;background-size:58% 58%,auto}.parity-preview[data-effect=parity-light-bloom]:before{background:conic-gradient(from 205deg at 72% 100%, transparent 0 10deg, color-mix(in srgb, var(--preview-accent,#6841ff) 16%, transparent) 12deg 20deg, transparent 22deg 28deg, color-mix(in srgb, var(--preview-accent,#6841ff) 22%, transparent) 30deg 40deg, transparent 42deg 360deg), radial-gradient(ellipse 36% 18% at 72% 100%, color-mix(in srgb, var(--preview-secondary,#fff) 76%, transparent), color-mix(in srgb, var(--preview-accent,#6841ff) 42%, transparent) 38%, transparent 75%)}.parity-preview[data-effect=parity-gravity-vortex]:before{background:repeating-radial-gradient(ellipse 43% 25% at 50% 66%, transparent 0 9%, color-mix(in srgb, var(--preview-secondary,#78ff41) 28%, transparent) 9.5% 10.5%, transparent 11% 18%), radial-gradient(ellipse at 50% 68%, color-mix(in srgb, var(--preview-accent,#ffcf43) 28%, transparent), transparent 50%);transform:perspective(400px)rotateX(18deg)}.parity-preview[data-effect=parity-tornado-field]:before{background:conic-gradient(from 70deg at 50% 52%, transparent 0 36%, color-mix(in srgb, var(--preview-secondary,#fff) 20%, transparent) 38% 40%, transparent 42% 62%, color-mix(in srgb, var(--preview-accent,#ff5b21) 18%, transparent) 64% 66%, transparent 68%), linear-gradient(100deg, transparent 0 34%, color-mix(in srgb, var(--preview-secondary,#fff) 11%, transparent) 43%, color-mix(in srgb, var(--preview-secondary,#fff) 42%, transparent) 50%, color-mix(in srgb, var(--preview-secondary,#fff) 10%, transparent) 59%, transparent 68%)}.parity-preview canvas{z-index:1;width:100%;height:100%;display:block;position:relative}.parity-preview__label,.parity-preview__status{z-index:2;color:color-mix(in srgb, var(--preview-secondary,#fff) 68%, transparent);font-family:var(--preview-font,Arial, sans-serif);letter-spacing:.12em;pointer-events:none;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:700;line-height:1;position:absolute;top:16px}.parity-preview__label{left:18px}.parity-preview__status{align-items:center;gap:7px;display:inline-flex;right:18px}.parity-preview__status i{background:var(--preview-accent,#fff);width:5px;height:5px;box-shadow:0 0 10px var(--preview-accent,#fff);border-radius:50%}.demo-preview--compact .parity-preview__label,.demo-preview--compact .parity-preview__status{font-size:7px;top:10px}.demo-preview--compact .parity-preview__label{left:11px}.demo-preview--compact .parity-preview__status{right:11px}.is-paused .parity-preview__status i{box-shadow:none;background:#777}@media (max-width:720px){.parity-preview__label,.parity-preview__status{font-size:8px;top:12px}.parity-preview__label{left:13px}.parity-preview__status{right:13px}}@media (prefers-reduced-motion:reduce){.parity-preview__status i{box-shadow:none}}
.signature-canvas-preview{background:var(--preview-background,#070708);isolation:isolate;position:absolute;inset:0;overflow:hidden}.signature-canvas-preview canvas,.signature-canvas-preview__fallback{width:100%;height:100%;position:absolute;inset:0}.signature-canvas-preview canvas{z-index:1;display:block}.signature-canvas-preview__fallback{z-index:0;opacity:.86;background:radial-gradient(circle at var(--pointer-x,50%) var(--pointer-y,50%), color-mix(in srgb, var(--preview-accent) 42%, transparent) 0 2px, transparent 3px 14%, color-mix(in srgb, var(--preview-accent) 11%, transparent) 15%, transparent 38%), linear-gradient(var(--preview-background), var(--preview-background))}.signature-canvas-preview--pixel .signature-canvas-preview__fallback{background:radial-gradient(circle at 54% 48%, color-mix(in srgb, var(--preview-secondary) 82%, transparent) 0 1px, transparent 2px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--preview-accent) 18%, transparent) 0 1px, transparent 1px 13px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--preview-accent) 12%, transparent) 0 1px, transparent 1px 13px), var(--preview-background)}.signature-canvas-preview--grid .signature-canvas-preview__fallback{background:linear-gradient(90deg, transparent 49.8%, color-mix(in srgb, var(--preview-secondary) 22%, transparent) 50%, transparent 50.2%), linear-gradient(0deg, transparent 49.8%, color-mix(in srgb, var(--preview-secondary) 22%, transparent) 50%, transparent 50.2%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--preview-accent) 12%, transparent) 0 1px, transparent 1px 32px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--preview-accent) 12%, transparent) 0 1px, transparent 1px 32px), var(--preview-background)}.signature-canvas-preview[data-signature=signature-dither-bloom] .signature-canvas-preview__fallback,.signature-canvas-preview[data-signature=signature-cursor-mosaic] .signature-canvas-preview__fallback{background:radial-gradient(circle at 50% 50%, var(--preview-secondary) 0 2%, transparent 2.5%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--preview-accent) 78%, transparent) 0 18%, transparent 18.5%), repeating-conic-gradient(from 45deg, color-mix(in srgb, var(--preview-accent) 20%, transparent) 0 25%, transparent 0 50%) 0 0 / 12px 12px, var(--preview-background)}.signature-canvas-preview[data-signature=signature-scanline-relief] .signature-canvas-preview__fallback,.signature-canvas-preview[data-signature=signature-voltage-trace] .signature-canvas-preview__fallback{background:repeating-radial-gradient(ellipse at 50% 52%, transparent 0 10px, color-mix(in srgb, var(--preview-accent) 24%, transparent) 11px 12px), var(--preview-background)}.signature-canvas-preview__status{z-index:2;color:color-mix(in srgb, var(--preview-secondary) 56%, transparent);letter-spacing:.12em;pointer-events:none;align-items:center;gap:7px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex;position:absolute;top:13px;right:13px}.signature-canvas-preview__status i{background:var(--preview-accent);width:5px;height:5px;box-shadow:0 0 10px var(--preview-accent);border-radius:50%}.demo-preview--compact .signature-canvas-preview__status{font-size:6px;top:9px;right:9px}.is-paused .signature-canvas-preview__status i{opacity:.42;animation:none}@media (prefers-reduced-motion:reduce){.signature-canvas-preview__status i{box-shadow:none}}
.signature-menu-preview{color:var(--signature-secondary);background:var(--signature-background);font-family:var(--preview-font,"Montserrat Variable", Montserrat, Arial, sans-serif);isolation:isolate;position:absolute;inset:0;overflow:hidden}.signature-menu-preview *,.signature-menu-preview :before,.signature-menu-preview :after{box-sizing:border-box}.signature-menu-preview button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.signature-menu-preview button:focus-visible{outline:1px solid var(--signature-accent);outline-offset:3px}.signature-menu-preview i,.signature-menu-preview em{font-style:normal}.signature-dock{align-items:flex-end;gap:var(--dock-gap);min-height:calc(var(--dock-item) * var(--dock-mag) + 35px);border:1px solid color-mix(in srgb, var(--signature-secondary) 18%, transparent);background:color-mix(in srgb, var(--signature-background) 82%, transparent);box-shadow:0 18px 60px #0008, inset 0 1px color-mix(in srgb, var(--signature-secondary) 7%, transparent);-webkit-backdrop-filter:blur(var(--dock-blur));backdrop-filter:blur(var(--dock-blur));border-radius:15px;padding:13px 14px 12px;display:flex;position:absolute;bottom:clamp(22px,8%,60px);left:50%;transform:translate(-50%)}.signature-dock:before{content:"PROBLEM / UTILITY DOCK";white-space:nowrap;color:color-mix(in srgb, var(--signature-secondary) 52%, transparent);letter-spacing:.16em;font:700 8px/1 ui-monospace,monospace;position:absolute;bottom:calc(100% + 16px);left:0}.signature-dock__rule{border:1px solid color-mix(in srgb, var(--signature-secondary) 5%, transparent);pointer-events:none;border-radius:10px;position:absolute;inset:7px}.signature-dock button{z-index:1;width:var(--dock-item);height:var(--dock-item);background:color-mix(in srgb, var(--signature-secondary) 8%, var(--signature-background));border:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);transform-origin:50% 100%;border-radius:10px;place-items:center;transition:transform .34s cubic-bezier(.18,.88,.22,1.28),background .2s,color .2s;display:grid;position:relative}.signature-dock button[data-distance="0"]{color:var(--signature-background);background:var(--signature-accent);transform:translateY(-10px) scale(var(--dock-mag));z-index:3}.signature-dock button[data-distance="1"]{transform:translateY(-4px) scale(calc(1 + (var(--dock-mag) - 1) * .44 * var(--dock-influence)));z-index:2}.signature-dock button[data-distance="2"]{transform:translateY(-1px) scale(calc(1 + (var(--dock-mag) - 1) * .14 * var(--dock-influence)))}.signature-dock button>i{font:500 calc(var(--dock-item) * .36)/1 ui-monospace, monospace}.signature-dock button>span{border:1px solid color-mix(in srgb, var(--signature-secondary) 20%, transparent);background:var(--signature-secondary);color:var(--signature-background);letter-spacing:.08em;opacity:0;transition:all .18s;transition-delay:var(--dock-label-delay);pointer-events:none;border-radius:4px;padding:5px 7px;font:700 7px/1 ui-monospace,monospace;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px)}.signature-dock button[data-distance="0"]>span{opacity:1;transform:translate(-50%, 0) scale(calc(1 / var(--dock-mag)))}.signature-dock>em{letter-spacing:.1em;color:color-mix(in srgb, var(--signature-secondary) 40%, transparent);white-space:nowrap;font:700 7px/1 ui-monospace,monospace;position:absolute;top:calc(100% + 12px);right:0}.signature-radial{background:radial-gradient(circle, color-mix(in srgb, var(--signature-accent) 7%, transparent), transparent 48%);place-items:center;display:grid;position:absolute;inset:0}.signature-radial__commands{width:calc(var(--radial-radius) * 2);height:calc(var(--radial-radius) * 2);transform:rotate(var(--radial-rotation));position:absolute}.signature-radial__commands>button{width:var(--radial-size);height:var(--radial-size);border:1px solid color-mix(in srgb, var(--signature-secondary) 24%, transparent);background:var(--signature-background);transform:translate(-50%, -50%) rotate(calc(360deg / var(--item-count) * var(--item-index))) translateY(calc(var(--radial-radius) * -1)) rotate(calc(-360deg / var(--item-count) * var(--item-index) - var(--radial-rotation)));transition:background .2s,color .2s,border-color .2s,opacity .28s,transform .38s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--radial-stagger) * var(--item-index));z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%}.signature-radial:not(.is-open) .signature-radial__commands>button{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.5)}.signature-radial__commands>button[aria-checked=true]{background:var(--signature-accent);color:var(--signature-background);border-color:var(--signature-accent)}.signature-radial__commands>button>i{font:700 8px/1 ui-monospace,monospace}.signature-radial__commands>button>span{letter-spacing:.08em;white-space:nowrap;font:650 8px/1 ui-monospace,monospace;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.signature-radial__rail{border:1px solid color-mix(in srgb, var(--signature-secondary) 15%, transparent);border-radius:50%;position:absolute;inset:0}.signature-radial__rail:before,.signature-radial__rail:after{content:"";background:color-mix(in srgb, var(--signature-secondary) 8%, transparent);width:130%;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature-radial__rail:after{transform:translate(-50%,-50%)rotate(90deg)}.signature-radial__core{z-index:3;text-align:center;width:94px;height:94px;box-shadow:0 0 0 9px color-mix(in srgb, var(--signature-accent) 8%, transparent);border-radius:50%;place-content:center;gap:6px;display:grid;position:relative;border:1px solid var(--signature-accent)!important;background:color-mix(in srgb, var(--signature-background) 90%, var(--signature-accent))!important}.signature-radial__core span{letter-spacing:.14em;font:700 7px/1 ui-monospace,monospace}.signature-radial__core strong{color:var(--signature-accent);font-size:26px;line-height:1}.signature-stack{background:linear-gradient(135deg, color-mix(in srgb, var(--signature-accent) 5%, transparent), transparent 45%);grid-template-rows:40px 1fr;padding:14px;display:grid;position:absolute;inset:0}.signature-stack>header{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 18%, transparent);color:color-mix(in srgb, var(--signature-secondary) 62%, transparent);letter-spacing:.13em;justify-content:space-between;align-items:center;font:700 8px/1 ui-monospace,monospace;display:flex}.signature-stack__body{grid-template-columns:1fr var(--stack-preview);min-height:0;display:grid}.signature-stack__rows{align-self:center}.signature-stack__rows button{width:100%;min-height:var(--stack-row);border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);text-align:left;transition:color var(--stack-transition), transform var(--stack-transition);grid-template-columns:34px minmax(90px,1.3fr) minmax(70px,1fr) 22px;align-items:center;display:grid}.signature-stack__rows button>i,.signature-stack__rows button>span{color:color-mix(in srgb, var(--signature-secondary) 42%, transparent);text-transform:uppercase;letter-spacing:.08em;font:650 7px/1.2 ui-monospace,monospace}.signature-stack__rows button>strong{letter-spacing:-.04em;font-size:clamp(12px,1.65vw,22px)}.signature-stack__rows button>em{opacity:0;text-align:right}.signature-stack__rows button[aria-current]{color:var(--signature-accent);transform:translateX(9px) scale(var(--stack-scale))}.signature-stack__rows button[aria-current]>i{font-size:var(--stack-index);opacity:1}.signature-stack__rows button[aria-current]>em{opacity:1}.signature-stack__preview{aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--signature-secondary) 18%, transparent);background:var(--signature-accent);color:var(--signature-background);align-self:center;margin:16px 0 16px 20px;position:relative;overflow:hidden}.signature-stack__preview>span{z-index:2;font:800 9px/1 ui-monospace,monospace;position:absolute;top:10px;left:10px}.signature-stack__preview>div{place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-12deg)}.signature-stack__preview>div i{aspect-ratio:1;border:1px solid;border-radius:50%;width:70%;position:absolute}.signature-stack__preview>div i:nth-child(2){width:45%}.signature-stack__preview>div i:nth-child(3){background:currentColor;width:14%}.signature-stack__preview figcaption{letter-spacing:-.04em;font-size:15px;font-weight:750;position:absolute;bottom:10px;left:10px;right:10px}.signature-stack__preview figcaption small{letter-spacing:.08em;margin-top:4px;font:650 6px/1 ui-monospace,monospace;display:block}.signature-context{background:var(--signature-background);position:absolute;inset:0}.signature-context:before{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--signature-accent) 18%, transparent) 0 1px, transparent 1px var(--context-cell)), repeating-linear-gradient(0deg, color-mix(in srgb, var(--signature-accent) 18%, transparent) 0 1px, transparent 1px var(--context-cell));content:"";opacity:var(--context-glow);pointer-events:none;position:absolute;inset:0}.signature-context__object{aspect-ratio:1.4;width:30%;position:absolute;top:22%;left:15%;border:1px solid var(--signature-accent)!important;background:color-mix(in srgb, var(--signature-accent) 8%, var(--signature-background))!important}.signature-context__object>i{border:1px solid color-mix(in srgb, var(--signature-secondary) 40%, transparent);position:absolute;inset:18%;transform:rotate(12deg)}.signature-context__object>span,.signature-context__object>em{letter-spacing:.08em;font:700 7px/1 ui-monospace,monospace;position:absolute;left:8px}.signature-context__object>span{top:8px}.signature-context__object>em{color:var(--signature-accent);bottom:8px}.signature-context__menu{z-index:2;width:var(--context-width);background:color-mix(in srgb, var(--signature-background) 94%, var(--signature-secondary));border:1px solid color-mix(in srgb, var(--signature-secondary) 28%, transparent);clip-path:polygon(var(--context-cut) 0, 100% 0, 100% calc(100% - var(--context-cut)), calc(100% - var(--context-cut)) 100%, 0 100%, 0 var(--context-cut));padding:6px;position:absolute;top:14%;left:43%;box-shadow:18px 24px 50px #0008}.signature-context__menu header{height:34px;color:color-mix(in srgb, var(--signature-secondary) 52%, transparent);letter-spacing:.1em;border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);justify-content:space-between;align-items:center;padding:0 9px;font:700 7px/1 ui-monospace,monospace;display:flex}.signature-context__menu>button{width:100%;height:var(--context-row);text-align:left;border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 9%, transparent);grid-template-columns:28px 1fr auto;align-items:center;padding:0 9px;font-size:11px;display:grid}.signature-context__menu>button:hover,.signature-context__menu>button:focus{background:var(--signature-accent);color:var(--signature-background)}.signature-context__menu>button i,.signature-context__menu>button kbd{opacity:.55;font:700 7px/1 ui-monospace,monospace}.signature-split{grid-template-columns:var(--split-nav) 1fr;display:grid;position:absolute;inset:0}.signature-split__nav{border-right:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);flex-direction:column;min-width:0;padding:14px;display:flex}.signature-split__nav header{justify-content:space-between;align-items:center;min-height:36px;margin-bottom:auto;display:flex}.signature-split__nav header strong{color:var(--signature-accent);letter-spacing:-.03em;font-size:11px}.signature-split__nav header span{letter-spacing:.08em;font:700 6px/1 ui-monospace,monospace}.signature-split__nav header span i{background:var(--signature-accent);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.signature-split__nav>button{min-height:var(--split-row);border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 11%, transparent);text-align:left;transition:transform var(--split-transition), color var(--split-transition);grid-template-columns:28px 1fr 20px;align-items:center;display:grid}.signature-split__nav>button i{opacity:.38;font:700 7px/1 ui-monospace,monospace}.signature-split__nav>button span{letter-spacing:-.04em;font-size:clamp(10px,1.3vw,17px);font-weight:650}.signature-split__nav>button em{opacity:0}.signature-split__nav>button[aria-current]{color:var(--signature-accent);transform:translateX(var(--split-offset))}.signature-split__nav>button[aria-current] em{opacity:1}.signature-split__nav footer{letter-spacing:.1em;opacity:.38;margin-top:auto;padding-top:18px;font:700 6px/1 ui-monospace,monospace}.signature-split__stage{background:color-mix(in srgb, var(--signature-accent) 88%, var(--signature-background));min-width:0;color:var(--signature-background);flex-direction:column;justify-content:flex-end;padding:clamp(18px,5vw,48px);display:flex;position:relative;overflow:hidden}.signature-split__grid{opacity:.2;transform:perspective(400px) rotateX(calc(var(--split-depth) * 16deg)) scale(1.1);background:repeating-linear-gradient(90deg,currentColor 0 1px,#0000 1px 32px),repeating-linear-gradient(0deg,currentColor 0 1px,#0000 1px 32px);position:absolute;inset:0}.signature-split__stage>:not(.signature-split__grid){z-index:1;position:relative}.signature-split__stage small{letter-spacing:.12em;font:800 7px/1 ui-monospace,monospace}.signature-split__stage strong{letter-spacing:-.075em;margin-top:12px;font-size:clamp(22px,5vw,58px);line-height:.9}.signature-split__stage p{max-width:360px;margin:14px 0 18px;font-size:clamp(8px,1.1vw,12px);line-height:1.5}.signature-split__stage button{letter-spacing:.08em;border:1px solid;align-self:flex-start;align-items:center;gap:24px;padding:11px 13px;font:800 7px/1 ui-monospace,monospace;display:flex}.signature-orbit{background:radial-gradient(circle, color-mix(in srgb, var(--signature-accent) 8%, transparent), transparent 52%);place-items:center;display:grid;position:absolute;inset:0}.signature-orbit__rail{width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);border:1px solid color-mix(in srgb, var(--signature-secondary) 20%, transparent);animation:signature-orbit-spin var(--orbit-speed) linear infinite;border-radius:50%;animation-direction:normal;position:absolute}.signature-orbit.is-paused .signature-orbit__rail{animation-play-state:paused}.signature-orbit__rail:before,.signature-orbit__rail:after{content:"";border:1px solid color-mix(in srgb, var(--signature-accent) 18%, transparent);border-radius:50%;position:absolute}.signature-orbit__rail:before{inset:12%}.signature-orbit__rail:after{inset:34%}.signature-orbit__rail i{background:var(--signature-accent);width:6px;height:6px;box-shadow:0 0 15px var(--signature-accent);border-radius:50%;position:absolute;top:-3px;left:50%}.signature-orbit__items{width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);position:absolute}.signature-orbit__items button{text-align:center;min-width:70px;transform:translate(-50%, -50%) rotate(calc(360deg / var(--orbit-count) * var(--orbit-index))) translateY(calc(var(--orbit-radius) * -1)) rotate(calc(-360deg / var(--orbit-count) * var(--orbit-index)));gap:4px;display:grid;position:absolute;top:50%;left:50%}.signature-orbit__items button i{color:var(--signature-accent);font:700 7px/1 ui-monospace,monospace}.signature-orbit__items button span{font-size:calc(10px * var(--orbit-label-scale));font-weight:700}.signature-orbit__items button[aria-current] span{color:var(--signature-accent)}.signature-orbit__items button[aria-current]:after{content:"";width:calc(12px + 14px * var(--orbit-active));background:var(--signature-accent);height:2px;box-shadow:0 0 calc(12px * var(--orbit-active)) var(--signature-accent);margin:3px auto 0}.signature-orbit.pauses-on-focus:hover .signature-orbit__rail,.signature-orbit.pauses-on-focus:focus-within .signature-orbit__rail{animation-play-state:paused}.signature-orbit__core{text-align:center;background:var(--signature-secondary);width:110px;height:110px;color:var(--signature-background);box-shadow:0 0 0 8px color-mix(in srgb, var(--signature-secondary) 7%, transparent);border-radius:50%;place-content:center;gap:7px;display:grid}.signature-orbit__core small,.signature-orbit__core span{letter-spacing:.1em;font:700 6px/1 ui-monospace,monospace}.signature-orbit__core strong{max-width:90px;color:var(--signature-accent);letter-spacing:-.05em;font-size:16px}@keyframes signature-orbit-spin{to{transform:rotate(calc(360deg * var(--orbit-direction)))}}.signature-mega{background:color-mix(in srgb, var(--signature-background) 96%, black);flex-direction:column;display:flex;position:absolute;inset:0}.signature-mega>header{z-index:2;border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 16%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;min-height:56px;padding:0 16px;display:grid;position:relative}.signature-mega>header strong{color:var(--signature-accent);font-size:12px}.signature-mega>header>div{gap:var(--mega-gap);display:flex}.signature-mega>header button{letter-spacing:.09em;font:750 8px/1 ui-monospace,monospace}.signature-mega>header>button{justify-self:end;align-items:center;gap:10px;display:flex}.signature-mega>header>button i{border:1px solid color-mix(in srgb, var(--signature-secondary) 28%, transparent);place-items:center;width:22px;height:22px;display:grid}.signature-mega__panel{flex:0 1 var(--mega-height);grid-template-columns:minmax(0, 1fr) minmax(140px, var(--mega-feature));width:100%;min-height:0;max-height:calc(100% - 56px);animation:signature-mega-in var(--mega-reveal) cubic-bezier(.2,.8,.2,1) both;display:grid}.signature-mega__groups{grid-template-columns:repeat(var(--mega-columns), minmax(0, 1fr));gap:16px;padding:clamp(16px,4vw,40px);display:grid}.signature-mega__groups>div{min-width:0}.signature-mega__groups small{color:color-mix(in srgb, var(--signature-secondary) 45%, transparent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font:700 7px/1 ui-monospace,monospace;display:block}.signature-mega__groups button{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 10%, transparent);text-align:left;justify-content:space-between;width:100%;padding:11px 0;font-size:clamp(9px,1.3vw,15px);display:flex}.signature-mega__groups button i{opacity:0;color:var(--signature-accent)}.signature-mega__groups button:hover,.signature-mega__groups button:focus,.signature-mega__groups button.active{color:var(--signature-accent)}.signature-mega__groups button:hover i,.signature-mega__groups button:focus,.signature-mega__groups button.active i{opacity:1}.signature-mega__panel aside{background:var(--signature-accent);color:var(--signature-background);flex-direction:column;justify-content:flex-end;gap:10px;padding:18px;display:flex;position:relative;overflow:hidden}.signature-mega__panel aside>span,.signature-mega__panel aside>small{z-index:1;letter-spacing:.1em;font:800 7px/1 ui-monospace,monospace;position:relative}.signature-mega__panel aside>div{place-items:center;display:grid;position:absolute;inset:0;transform:rotate(16deg)}.signature-mega__panel aside>div i{aspect-ratio:1;border:1px solid;border-radius:50%;width:80%;position:absolute}.signature-mega__panel aside>div i:nth-child(2){width:50%}.signature-mega__panel aside>div i:nth-child(3){background:currentColor;width:16%}.signature-mega__panel aside>strong{z-index:1;letter-spacing:-.06em;font-size:clamp(17px,2.5vw,32px);line-height:.95;position:relative}.signature-mega__panel aside>small i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}@keyframes signature-mega-in{0%{opacity:0;transform:translateY(-12px)}}.signature-tabs{background:linear-gradient(145deg, color-mix(in srgb, var(--signature-accent) 7%, transparent), transparent 48%);flex-direction:column;justify-content:center;padding:clamp(14px,5vw,48px);display:flex;position:absolute;inset:0}.signature-tabs>header{letter-spacing:.12em;color:color-mix(in srgb, var(--signature-secondary) 52%, transparent);justify-content:space-between;margin-bottom:12px;font:700 7px/1 ui-monospace,monospace;display:flex}.signature-tabs__rail{min-height:calc(var(--tab-height) + 14px);align-items:center;gap:var(--tab-gap);border:1px solid color-mix(in srgb, var(--signature-secondary) 17%, transparent);border-bottom-width:var(--rail-stroke);background:color-mix(in srgb, var(--signature-secondary) 5%, transparent);border-radius:9px;padding:7px;display:flex}.signature-tabs__rail button{min-width:0;height:var(--tab-height);white-space:nowrap;transition:flex calc(.5s / var(--tab-spring)) cubic-bezier(.17,.84,.28,1.14), padding calc(.4s / var(--tab-spring)), background .2s, color .2s;border-radius:6px;align-items:center;gap:9px;padding:0 14px;display:flex;position:relative}.signature-tabs__rail.is-full button{flex:1}.signature-tabs__rail button[aria-selected=true]{padding-inline:var(--tab-padding);background:var(--signature-accent);color:var(--signature-background);flex:1.7}.signature-tabs__rail button i,.signature-tabs__rail button em{opacity:.55;font:700 7px/1 ui-monospace,monospace}.signature-tabs__rail button span{font-size:clamp(8px,1.15vw,12px);font-weight:700}.signature-tabs__rail button em{margin-left:auto}.signature-tabs__result{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 18%, transparent);grid-template-columns:1fr auto;align-items:end;min-height:110px;padding-top:20px;display:grid}.signature-tabs__result span{color:var(--signature-accent);letter-spacing:.1em;text-transform:uppercase;grid-column:1;font:700 7px/1 ui-monospace,monospace}.signature-tabs__result strong{letter-spacing:-.065em;grid-column:1;margin-top:8px;font-size:clamp(20px,4vw,50px);line-height:.9}.signature-tabs__result i{color:var(--signature-accent);grid-area:1/2/3;font-size:28px}.demo-preview--compact .signature-menu-preview{pointer-events:none}.demo-preview--compact .signature-stack{grid-template-rows:27px 1fr;padding:8px}.demo-preview--compact .signature-stack__rows button{grid-template-columns:22px 1fr 14px}.demo-preview--compact .signature-stack__rows button>span{display:none}.demo-preview--compact .signature-stack__preview{margin:8px 0 8px 10px}.demo-preview--compact .signature-split__nav{padding:8px}.demo-preview--compact .signature-split__nav header span,.demo-preview--compact .signature-split__nav footer{display:none}.demo-preview--compact .signature-split__nav>button{grid-template-columns:20px 1fr}.demo-preview--compact .signature-split__nav>button em{display:none}.demo-preview--compact .signature-split__stage{padding:13px}.demo-preview--compact .signature-split__stage p{display:none}.demo-preview--compact .signature-mega>header{min-height:40px;padding:0 8px}.demo-preview--compact .signature-mega>header>div{display:none}.demo-preview--compact .signature-mega__groups{gap:7px;padding:10px}.demo-preview--compact .signature-mega__groups small{margin-bottom:6px}.demo-preview--compact .signature-mega__groups button{padding:6px 0;font-size:7px}.demo-preview--compact .signature-tabs{padding:12px}.demo-preview--compact .signature-tabs__rail button{padding:0 8px}.demo-preview--compact .signature-tabs__rail button i,.demo-preview--compact .signature-tabs__rail button em{display:none}.demo-preview--compact .signature-tabs__result{min-height:58px;padding-top:10px}@media (max-width:720px){.signature-menu-preview:not(.demo-preview--compact *) .signature-stack__body{grid-template-columns:1fr 34%}.signature-menu-preview:not(.demo-preview--compact *) .signature-stack__rows button{grid-template-columns:28px 1fr 18px}.signature-menu-preview:not(.demo-preview--compact *) .signature-stack__rows button>span{display:none}.signature-menu-preview:not(.demo-preview--compact *) .signature-split{grid-template-columns:42% 1fr}.signature-menu-preview:not(.demo-preview--compact *) .signature-split__nav header span{display:none}.signature-menu-preview:not(.demo-preview--compact *) .signature-mega__panel{grid-template-columns:1fr 31%}.signature-menu-preview:not(.demo-preview--compact *) .signature-mega__groups{gap:9px;padding:18px 12px}.signature-menu-preview:not(.demo-preview--compact *) .signature-tabs__rail button i,.signature-menu-preview:not(.demo-preview--compact *) .signature-tabs__rail button em{display:none}}@media (prefers-reduced-motion:reduce){.signature-menu-preview *,.signature-menu-preview :before,.signature-menu-preview :after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
.signature-command-matrix,.signature-breadcrumb,.signature-timeline,.signature-corner,.signature-marquee,.signature-spatial{color:var(--signature-secondary);background:var(--signature-background);position:absolute;inset:0;overflow:hidden}.signature-command-matrix button:focus-visible,.signature-breadcrumb button:focus-visible,.signature-timeline button:focus-visible,.signature-corner button:focus-visible,.signature-marquee button:focus-visible,.signature-spatial button:focus-visible{outline:1px solid var(--signature-accent);outline-offset:3px}.signature-command-matrix{background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--signature-accent) 10%, transparent), transparent 46%), var(--signature-background);place-items:center;padding:20px;display:grid}.signature-command-matrix__ambient{opacity:.28;background-image:linear-gradient(color-mix(in srgb, var(--signature-secondary) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--signature-secondary) 10%, transparent) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0}.signature-command-matrix__ambient i{background:var(--signature-accent);width:4px;height:4px;box-shadow:0 0 18px var(--signature-accent);position:absolute}.signature-command-matrix__ambient i:first-child{top:22%;left:12%}.signature-command-matrix__ambient i:nth-child(2){top:34%;right:16%}.signature-command-matrix__ambient i:nth-child(3){bottom:14%;left:28%}.signature-command-matrix__panel{z-index:2;width:min(94%, var(--palette-width));border:1px solid color-mix(in srgb, var(--signature-secondary) 22%, transparent);background:color-mix(in srgb, var(--signature-background) 92%, var(--signature-secondary));max-height:90%;box-shadow:0 28px 90px #000a, inset 0 1px color-mix(in srgb, var(--signature-secondary) 7%, transparent);border-radius:9px;position:relative;overflow:hidden}.signature-command-matrix__panel>header{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);align-items:center;gap:10px;height:54px;padding:0 13px;display:flex}.signature-command-matrix__panel>header>span{color:var(--signature-accent);letter-spacing:.12em;font:750 9px/1 ui-monospace,monospace}.signature-command-matrix__panel>header input{min-width:0;color:inherit;letter-spacing:-.02em;background:0 0;border:0;outline:0;flex:1;font:650 16px/1 inherit}.signature-command-matrix__panel kbd{border:1px solid color-mix(in srgb, var(--signature-secondary) 18%, transparent);color:color-mix(in srgb, var(--signature-secondary) 54%, transparent);border-radius:4px;padding:4px 6px;font:700 7px/1 ui-monospace,monospace}.signature-command-matrix__scopes{gap:var(--palette-scope-gap);border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);padding:9px 12px;display:flex}.signature-command-matrix__scopes button{color:color-mix(in srgb, var(--signature-secondary) 52%, transparent);background:color-mix(in srgb, var(--signature-secondary) 4%, transparent);letter-spacing:.1em;border-radius:4px;align-items:center;gap:10px;padding:7px 9px;font:700 7px/1 ui-monospace,monospace;display:flex}.signature-command-matrix__scopes button[aria-selected=true]{color:var(--signature-background);background:var(--signature-accent)}.signature-command-matrix__scopes button i{opacity:.58}.signature-command-matrix__body{grid-template-columns:minmax(0,1fr) minmax(130px,.38fr);min-height:206px;display:grid}.signature-command-matrix__commands{grid-template-columns:repeat(var(--palette-columns), minmax(0, 1fr));align-content:start;gap:5px;padding:10px;display:grid}.signature-command-matrix__commands>button{min-height:var(--palette-row);text-align:left;border:1px solid #0000;border-radius:4px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 9px;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s;display:grid}.signature-command-matrix__commands>button>i{color:color-mix(in srgb, var(--signature-secondary) 38%, transparent);font:700 7px/1 ui-monospace,monospace}.signature-command-matrix__commands>button span{gap:4px;display:grid}.signature-command-matrix__commands>button strong{font:680 10px/1.1 inherit}.signature-command-matrix__commands>button small{color:color-mix(in srgb, var(--signature-secondary) 40%, transparent);text-overflow:ellipsis;white-space:nowrap;font:500 7px/1.1 inherit;overflow:hidden}.signature-command-matrix__commands>button[aria-current]{border-color:color-mix(in srgb, var(--signature-accent) 52%, transparent);background:color-mix(in srgb, var(--signature-accent) 10%, transparent);transform:translateX(var(--palette-offset))}.signature-command-matrix__commands>button[aria-current]>i{color:var(--signature-accent)}.signature-command-matrix__body aside{border-left:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);background:color-mix(in srgb, var(--signature-secondary) 3%, transparent);align-content:start;gap:9px;padding:14px;display:grid}.signature-command-matrix__body aside>span{color:var(--signature-accent);letter-spacing:.12em;font:700 7px/1 ui-monospace,monospace}.signature-command-matrix__body aside>div{border:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--signature-accent) 22%, transparent), transparent);height:52px;position:relative;overflow:hidden}.signature-command-matrix__body aside>div i{background:var(--signature-accent);width:40%;height:1px;position:absolute;transform:rotate(-28deg)}.signature-command-matrix__body aside>div i:first-child{top:25%;left:4%}.signature-command-matrix__body aside>div i:nth-child(2){top:50%;left:30%}.signature-command-matrix__body aside>div i:nth-child(3){top:74%;left:56%}.signature-command-matrix__body aside>strong{letter-spacing:-.04em;font-size:14px}.signature-command-matrix__body aside p{color:color-mix(in srgb, var(--signature-secondary) 52%, transparent);margin:0;font:500 8px/1.35 inherit}.signature-command-matrix__body aside button{color:var(--signature-background);background:var(--signature-accent);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:3px;padding:9px;font:750 7px/1 ui-monospace,monospace;display:flex}.signature-command-matrix__body aside svg{width:11px}.signature-command-matrix__panel>footer{border-top:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);height:34px;color:color-mix(in srgb, var(--signature-secondary) 40%, transparent);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:0 12px;font:700 7px/1 ui-monospace,monospace;display:flex}.signature-command-matrix__closed{z-index:2;letter-spacing:.1em;position:relative;border:1px solid var(--signature-accent)!important;padding:14px 18px!important;font:700 9px/1 ui-monospace,monospace!important}.signature-breadcrumb{background:linear-gradient(160deg, color-mix(in srgb, var(--signature-accent) 4%, transparent), transparent 45%), var(--signature-background);padding:16px}.signature-breadcrumb>header,.signature-breadcrumb>footer{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);justify-content:space-between;align-items:center;height:38px;display:flex}.signature-breadcrumb>header strong{color:var(--signature-accent);font-size:11px}.signature-breadcrumb>header span,.signature-breadcrumb>footer span{color:color-mix(in srgb, var(--signature-secondary) 46%, transparent);letter-spacing:.12em;font:700 7px/1 ui-monospace,monospace}.signature-breadcrumb__stage{height:calc(100% - 84px);padding-top:22px;position:relative}.signature-breadcrumb__line{left:20px;right:20px;top:calc(22px + var(--crumb-height) / 2);background:color-mix(in srgb, var(--signature-accent) 22%, transparent);height:1px;position:absolute}.signature-breadcrumb ol{z-index:2;align-items:center;gap:var(--crumb-gap);margin:0;padding:0;list-style:none;display:flex;position:relative}.signature-breadcrumb li{align-items:center;gap:var(--crumb-gap);display:flex}.signature-breadcrumb li>svg{width:11px;color:color-mix(in srgb, var(--signature-secondary) 34%, transparent)}.signature-breadcrumb li>button{min-width:82px;height:var(--crumb-height);border:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);background:var(--signature-background);border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 10px;display:grid}.signature-breadcrumb li>button i{color:color-mix(in srgb, var(--signature-secondary) 42%, transparent);font:700 7px/1 ui-monospace,monospace}.signature-breadcrumb li>button span{font-size:9px;font-weight:650}.signature-breadcrumb li>button em{color:var(--signature-accent)}.signature-breadcrumb li[data-open]>button{color:var(--signature-background);background:var(--signature-accent);border-color:var(--signature-accent)}.signature-breadcrumb__popover{left:clamp(16px,32%,260px);top:calc(34px + var(--crumb-height));z-index:4;width:var(--crumb-popover);border:1px solid color-mix(in srgb, var(--signature-secondary) 22%, transparent);background:color-mix(in srgb, var(--signature-background) 94%, var(--signature-secondary));border-radius:6px;padding:6px;position:absolute;box-shadow:0 22px 55px #0009}.signature-breadcrumb__popover header{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 12%, transparent);justify-content:space-between;align-items:center;height:32px;padding:0 7px;display:flex}.signature-breadcrumb__popover header span{color:var(--signature-accent);font:700 7px/1 ui-monospace,monospace}.signature-breadcrumb__popover header strong{font-size:9px}.signature-breadcrumb__popover>button{width:100%;height:var(--crumb-row);border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 8%, transparent);text-align:left;grid-template-columns:22px 1fr auto 12px;align-items:center;gap:6px;padding:0 7px;display:grid}.signature-breadcrumb__popover>button i,.signature-breadcrumb__popover>button small{color:color-mix(in srgb, var(--signature-secondary) 38%, transparent);font:700 7px/1 ui-monospace,monospace}.signature-breadcrumb__popover>button span{font-size:9px;font-weight:620}.signature-breadcrumb__popover>button svg{width:10px}.signature-breadcrumb__popover>button[aria-current]{color:var(--signature-background);background:var(--signature-accent)}.signature-breadcrumb__popover>button[aria-current] i,.signature-breadcrumb__popover>button[aria-current] small{color:inherit;opacity:.58}.signature-breadcrumb>footer{border-top:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);border-bottom:0;height:46px}.signature-breadcrumb>footer strong{letter-spacing:-.04em;font-size:15px}.signature-timeline{grid-template-rows:38px minmax(0, 1fr) var(--timeline-rail) 34px;background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--signature-accent) 7%, transparent), transparent 34%), var(--signature-background);padding:16px;display:grid}.signature-timeline>header,.signature-timeline>footer{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);letter-spacing:.1em;justify-content:space-between;align-items:center;font:700 7px/1 ui-monospace,monospace;display:flex}.signature-timeline>header span{color:var(--signature-accent)}.signature-timeline>header strong,.signature-timeline>footer span{color:color-mix(in srgb, var(--signature-secondary) 48%, transparent)}.signature-timeline__story{max-width:66%;transform:translateZ(calc(var(--timeline-depth) * 1px));align-content:center;padding:18px 5%;display:grid;position:relative}.signature-timeline__story>small{color:var(--signature-accent);letter-spacing:.14em;margin-bottom:9px;font:700 7px/1 ui-monospace,monospace}.signature-timeline__story>strong{letter-spacing:-.07em;font-size:clamp(22px,4vw,46px);line-height:.92}.signature-timeline__story>p{max-width:420px;color:color-mix(in srgb, var(--signature-secondary) 54%, transparent);margin:12px 0 0;font:500 9px/1.45 inherit}.signature-timeline__story>i{border:1px solid color-mix(in srgb, var(--signature-accent) 22%, transparent);border-radius:50%;width:110px;height:110px;position:absolute;top:20%;left:76%}.signature-timeline__story>i span{background:var(--signature-accent);width:4px;height:4px;transform:rotate(calc(var(--span-index,0) * 120deg)) translateY(-54px);position:absolute;top:50%;left:50%}.signature-timeline__story>i span:first-child{--span-index:0}.signature-timeline__story>i span:nth-child(2){--span-index:1}.signature-timeline__story>i span:nth-child(3){--span-index:2}.signature-timeline__rail{justify-content:space-between;align-items:center;gap:var(--timeline-gap);border-top:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);padding:0 18px;display:flex;position:relative}.signature-timeline__rail:before{content:"";background:color-mix(in srgb, var(--signature-secondary) 18%, transparent);height:1px;position:absolute;top:44%;left:18px;right:18px}.signature-timeline__progress{width:calc((100% - 36px) * var(--timeline-progress) / 100);background:var(--signature-accent);height:3px;transition:width var(--timeline-transition) cubic-bezier(.2,.8,.2,1);position:absolute;top:calc(44% - 1px);left:18px}.signature-timeline__rail button{z-index:2;flex:1;align-content:center;place-items:center;gap:7px;height:100%;display:grid;position:relative}.signature-timeline__rail button>i{width:var(--timeline-marker);height:var(--timeline-marker);border:2px solid var(--signature-background);background:color-mix(in srgb, var(--signature-secondary) 32%, var(--signature-background));box-shadow:0 0 0 1px color-mix(in srgb, var(--signature-secondary) 30%, transparent);transition:transform var(--timeline-transition), background var(--timeline-transition);border-radius:50%}.signature-timeline__rail button>span{font:700 8px/1 ui-monospace,monospace}.signature-timeline__rail button>small{color:color-mix(in srgb, var(--signature-secondary) 38%, transparent);white-space:nowrap;font:600 7px/1 inherit}.signature-timeline__rail button[aria-selected=true]>i{background:var(--signature-accent);transform:scale(var(--timeline-active));box-shadow:0 0 0 1px var(--signature-accent), 0 0 18px color-mix(in srgb, var(--signature-accent) 48%, transparent)}.signature-timeline__rail button[aria-selected=true]>span{color:var(--signature-accent)}.signature-timeline>footer{border:0}.signature-corner{background:radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--signature-accent) 12%, transparent), transparent 38%), var(--signature-background)}.signature-corner__rails i{background:color-mix(in srgb, var(--signature-secondary) 18%, transparent);position:absolute;bottom:22px;right:22px}.signature-corner__rails i:first-child{width:var(--corner-reach);height:1px}.signature-corner__rails i:last-child{width:1px;height:var(--corner-reach)}.signature-corner__utilities button,.signature-corner__core{width:var(--corner-item);height:var(--corner-item);border:1px solid color-mix(in srgb, var(--signature-secondary) 18%, transparent);background:var(--signature-background);opacity:0;transition:transform .36s cubic-bezier(.2,.9,.2,1.2),opacity .2s,background .2s;transition-delay:calc(var(--corner-stagger) * var(--utility-index));border-radius:50%;place-items:center;display:grid;position:absolute;bottom:22px;right:22px;transform:scale(.4)}.signature-corner.is-open .signature-corner__utilities button{opacity:1}.signature-corner.is-open .signature-corner__utilities button:nth-child(-n+3){transform:translateX(calc((var(--utility-index) + 1) * var(--corner-reach) / -3)) scale(1)}.signature-corner.is-open .signature-corner__utilities button:nth-child(n+4){transform:translateY(calc((var(--utility-index) - 2) * var(--corner-reach) / -3)) scale(1)}.signature-corner__utilities button[aria-current]{color:var(--signature-background);background:var(--signature-accent);border-color:var(--signature-accent)}.signature-corner__utilities button>i{font:500 16px/1 ui-monospace,monospace}.signature-corner__utilities button>span{border:1px solid color-mix(in srgb, var(--signature-secondary) 16%, transparent);background:var(--signature-background);color:var(--signature-secondary);letter-spacing:.08em;white-space:nowrap;opacity:0;border-radius:3px;padding:5px 7px;font:700 7px/1 ui-monospace,monospace;transition:all .2s;position:absolute;right:calc(100% + 8px);transform:translate(4px)}.signature-corner__utilities button:hover>span,.signature-corner__utilities button:focus>span,.signature-corner__utilities button[aria-current]>span{opacity:1;transform:translate(0)}.signature-corner__core{z-index:3;width:var(--corner-edge);height:var(--corner-edge);opacity:1;color:var(--signature-background);background:var(--signature-accent);border-color:var(--signature-accent);transform:scale(1)}.signature-corner__core span{letter-spacing:.08em;font:700 6px/1 ui-monospace,monospace}.signature-corner__core strong{font-size:12px}.signature-corner aside{gap:7px;display:grid;position:absolute;top:18px;left:18px}.signature-corner aside span{color:color-mix(in srgb, var(--signature-secondary) 42%, transparent);letter-spacing:.12em;font:700 7px/1 ui-monospace,monospace}.signature-corner aside strong{letter-spacing:-.07em;font-size:clamp(22px,4vw,42px)}.signature-corner--top-left{background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--signature-accent) 12%, transparent), transparent 38%), var(--signature-background);transform:rotate(180deg)}.signature-corner--top-left>*{transform:rotate(180deg)}.signature-corner--top-left .signature-corner__rails i,.signature-corner--top-left .signature-corner__utilities button,.signature-corner--top-left .signature-corner__core{bottom:22px;right:22px}.signature-corner--top-left aside{top:18px;left:18px}.signature-corner--bottom-left,.signature-corner--bottom-left>*{transform:scaleX(-1)}.signature-marquee{padding:14px}.signature-marquee>header,.signature-marquee>footer{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);justify-content:space-between;align-items:center;height:38px;display:flex}.signature-marquee>header strong{color:var(--signature-accent);font-size:10px}.signature-marquee>header span,.signature-marquee>footer span{color:color-mix(in srgb, var(--signature-secondary) 42%, transparent);letter-spacing:.12em;font:700 7px/1 ui-monospace,monospace}.signature-marquee__rows{height:calc(100% - 84px);overflow:hidden}.signature-marquee__rows>button{width:100%;height:var(--marquee-row);grid-template-columns:var(--marquee-index) minmax(0, 1fr) 100px 18px;border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 13%, transparent);text-align:left;align-items:center;transition:padding .26s,color .2s,background .2s;display:grid;position:relative}.signature-marquee__rows>button>i{color:color-mix(in srgb, var(--signature-secondary) 38%, transparent);font:700 8px/1 ui-monospace,monospace}.signature-marquee__label{align-items:center;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.signature-marquee__label>strong{font-size:calc(16px * var(--marquee-scale));letter-spacing:-.05em}.signature-marquee__label>em{color:var(--signature-background);align-items:center;font-style:normal;display:flex;position:absolute;inset:0;overflow:hidden}.signature-marquee__label>em b{font-size:calc(20px * var(--marquee-scale));letter-spacing:-.05em;white-space:nowrap;animation:signature-marquee-scroll var(--marquee-speed) linear infinite;animation-direction:var(--marquee-direction);flex:none;padding-right:12px;font-weight:720}.signature-marquee__rows>button>small{color:color-mix(in srgb, var(--signature-secondary) 42%, transparent);letter-spacing:.06em;font:650 7px/1 ui-monospace,monospace}.signature-marquee__rows>button>svg{width:12px}.signature-marquee__rows>button[aria-current]{padding-inline:var(--marquee-inset);color:var(--signature-background);background:var(--signature-accent)}.signature-marquee__rows>button[aria-current]>i,.signature-marquee__rows>button[aria-current]>small{color:inherit;opacity:.58}.signature-marquee.pauses-on-focus button:focus .signature-marquee__label>em b{animation-play-state:paused}.signature-marquee>footer{border:0;height:46px}.signature-marquee>footer strong{letter-spacing:-.04em;font-size:15px}@keyframes signature-marquee-scroll{to{transform:translate(-100%)}}.signature-spatial{perspective:900px;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--signature-accent) 7%, transparent), transparent 46%), var(--signature-background);grid-template-rows:38px minmax(0,1fr) 42px;padding:14px;display:grid}.signature-spatial>header,.signature-spatial>footer{border-bottom:1px solid color-mix(in srgb, var(--signature-secondary) 14%, transparent);letter-spacing:.1em;justify-content:space-between;align-items:center;font:700 7px/1 ui-monospace,monospace;display:flex}.signature-spatial>header strong{color:var(--signature-accent)}.signature-spatial>header span,.signature-spatial>footer span{color:color-mix(in srgb, var(--signature-secondary) 42%, transparent)}.signature-spatial__grid{grid-template-columns:repeat(var(--spatial-columns), minmax(0, var(--spatial-width)));place-content:center;gap:var(--spatial-gap);transform-style:preserve-3d;display:grid}.signature-spatial__grid>button{width:min(100%, var(--spatial-width));height:var(--spatial-height);border:1px solid color-mix(in srgb, var(--signature-secondary) 15%, transparent);text-align:left;background:color-mix(in srgb, var(--signature-secondary) 3%, transparent);transform:rotateX(calc((var(--card-index) - 2.5) * var(--spatial-tilt) * .08)) translateZ(calc(var(--spatial-depth) * -18px));border-radius:5px;grid-template-rows:1fr auto auto;grid-template-columns:28px 1fr;gap:6px;padding:11px;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.signature-spatial__grid>button>i{color:var(--signature-accent);font:700 7px/1 ui-monospace,monospace}.signature-spatial__grid>button>div{border:1px solid color-mix(in srgb, var(--signature-secondary) 10%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--signature-accent) 16%, transparent), transparent);height:54px;position:relative;overflow:hidden}.signature-spatial__grid>button>div span{background:var(--signature-accent);width:70%;height:1px;position:absolute;transform:rotate(-24deg)}.signature-spatial__grid>button>div span:first-child{top:18%;left:-8%}.signature-spatial__grid>button>div span:nth-child(2){top:50%;left:18%}.signature-spatial__grid>button>div span:nth-child(3){top:78%;left:44%}.signature-spatial__grid>button>strong{letter-spacing:-.03em;grid-column:1/-1;font-size:11px}.signature-spatial__grid>button>small{color:color-mix(in srgb, var(--signature-secondary) 38%, transparent);letter-spacing:.08em;grid-column:1/-1;font:650 6px/1 ui-monospace,monospace}.signature-spatial__grid>button>em{color:var(--signature-background);letter-spacing:.08em;align-items:center;gap:7px;font:750 6px/1 ui-monospace,monospace;display:flex;position:absolute;bottom:9px;right:9px}.signature-spatial__grid>button>em svg{width:10px}.signature-spatial__grid>button[aria-current]{z-index:3;color:var(--signature-background);background:var(--signature-accent);border-color:var(--signature-accent);transform:rotateX(0) translateZ(calc(var(--spatial-depth) * 42px)) scale(1.04);box-shadow:0 20px 50px #0009}.signature-spatial__grid>button[aria-current]>i,.signature-spatial__grid>button[aria-current]>small{color:inherit;opacity:.58}.signature-spatial__grid>button[aria-current]>div{background:linear-gradient(140deg,#0002,#0000);border-color:#0002}.signature-spatial>footer{border:0}.signature-spatial>footer strong{letter-spacing:-.03em;font-size:13px}.demo-preview--compact .signature-command-matrix__body{grid-template-columns:1fr}.demo-preview--compact .signature-command-matrix__body aside{display:none}.demo-preview--compact .signature-command-matrix__commands{grid-template-columns:1fr}.demo-preview--compact .signature-command-matrix__commands>button:nth-child(n+5),.demo-preview--compact .signature-breadcrumb li:nth-child(n+4){display:none}.demo-preview--compact .signature-breadcrumb__popover{left:18px}.demo-preview--compact .signature-breadcrumb__popover>button:nth-child(n+4){display:none}.demo-preview--compact .signature-timeline__story{max-width:90%}.demo-preview--compact .signature-timeline__story>i,.demo-preview--compact .signature-timeline__rail button>small{display:none}.demo-preview--compact .signature-marquee__rows>button{grid-template-columns:28px 1fr 14px}.demo-preview--compact .signature-marquee__rows>button>small{display:none}.demo-preview--compact .signature-spatial__grid{--spatial-columns:2!important}.demo-preview--compact .signature-spatial__grid>button:nth-child(n+5){display:none}@media (max-width:680px){.signature-command-matrix__body{grid-template-columns:1fr}.signature-command-matrix__body aside{display:none}.signature-command-matrix__commands{grid-template-columns:1fr}.signature-breadcrumb li:nth-child(n+4){display:none}.signature-breadcrumb__popover{left:18px}.signature-timeline__story{max-width:94%}.signature-timeline__story>i,.signature-timeline__rail button>small{display:none}.signature-marquee__rows>button{grid-template-columns:34px 1fr 18px}.signature-marquee__rows>button>small{display:none}.signature-spatial__grid{--spatial-columns:2!important}.signature-spatial__grid>button:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){.signature-command-matrix *,.signature-breadcrumb *,.signature-timeline *,.signature-corner *,.signature-marquee *,.signature-spatial *{transition:none!important;animation:none!important}.signature-marquee__label>em b{transform:none!important}}
select:not([multiple]):not([size]){appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='8'%20viewBox='0%200%2012%208'%20fill='none'%3E%3Cpath%20d='M1%201L6%206L11%201'%20stroke='%23A7A7A3'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:44px}select:not([multiple]):not([size]):disabled{cursor:not-allowed}