@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600&display=swap";.elastic-slider.slider-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:12rem}.elastic-slider .slider-wrapper{display:flex;width:100%;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:1rem}.elastic-slider .slider-root{position:relative;display:flex;width:100%;max-width:200px;flex-grow:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;padding:1rem 0}.elastic-slider .slider-root:active{cursor:grabbing}.elastic-slider .slider-track-wrapper{display:flex;flex-grow:1}.elastic-slider .slider-track{position:relative;height:100%;flex-grow:1;overflow:hidden;border-radius:9999px;background-color:#80808066}.elastic-slider .slider-range{position:absolute;height:100%;background-color:#888;border-radius:9999px}.elastic-slider .value-indicator{color:gray;position:absolute;transform:translateY(-1rem);font-size:.75rem;font-weight:500;letter-spacing:.05em}.elastic-slider .icon{width:24px;height:24px;color:#888}.elastic-slider .icon.dark{color:#ddd}.canvas-zoom-control{display:flex;align-items:center;gap:12px;min-height:48px}.canvas-zoom-control>span,.canvas-zoom-control>output{white-space:nowrap}.canvas-zoom-control>output{min-width:38px;text-align:right}.canvas-zoom-control .elastic-slider{width:160px}.canvas-zoom-control .slider-wrapper{gap:10px}.canvas-zoom-control .slider-range{background:#168bff}.canvas-zoom-control .value-indicator{display:none}.canvas-zoom-control .slider-root:focus-visible{outline:2px solid #6bb9ff;outline-offset:3px;border-radius:8px}.preview-display .tool-shell aside.controls:has(>.preview-display-controls),.preview-display aside:has(>.preview-display-controls){position:relative;z-index:1;background:#fff;color:#24272c;color-scheme:light;border-left:1px solid #eceef1;box-shadow:-5px 0 16px #141c2812;scrollbar-color:#c4c9d0 #fff}.preview-display aside :is(h1,hr,.schema-textarea,.schema-file,.schema-controls,.compact-link-row,.mini-actions,.animation-mode,.action-row){border-color:#d9dde3}.preview-display aside :is(input:not([type]),input[type=text],input[type=number],textarea,select){background-color:#f7f8fa;color:#20242a;box-shadow:inset 0 0 0 1px #dce0e5}.preview-display aside :is(input,textarea)::placeholder{color:#737b86}.preview-display aside :is(output,.range output){background:#f0f2f5;color:#303640}.preview-display aside :is(.ps-note,.compact-link-row,.mini-actions),.preview-display aside a{color:#087b4b}.preview-display aside .compact-link-row label{color:#24272c}.preview-display aside .compat-note{color:#8a5900}.preview-display aside .preview-display-controls{color:#303640}.preview-display aside .preview-display-controls p{color:#626b76}.preview-display aside .preview-display-controls output{background:transparent;color:#303640}.preview-display aside .preview-display-controls .canvas-action-buttons button{background:#f7f8fa;border-color:#e5e8ec;box-shadow:2px 3px 7px #1923321a,-2px -2px 6px #fff}.preview-display aside .preview-display-controls .canvas-action-buttons button:active{box-shadow:inset 2px 2px 5px #1923321f,inset -2px -2px 5px #fff}@media(max-width:760px){.preview-display .tool-shell aside.controls:has(>.preview-display-controls),.preview-display aside:has(>.preview-display-controls){border-left:0;border-top:1px solid #eceef1;box-shadow:0 -4px 14px #141c280f}}.mac-dock-floating{position:fixed;z-index:1000;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.mac-dock{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);isolation:isolate}.mac-dock-content{position:relative}.mac-dock-app{position:absolute;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.mac-dock-icon{display:block;object-fit:contain;max-width:none}.mac-dock-indicator{position:absolute;pointer-events:none}.home:has(.mac-dock-floating){padding-bottom:120px}.admin-page,.admin-login,.account-dialog,.account-gate,.account-actions{font-family:Inter,Microsoft YaHei,sans-serif;color:#152138;box-sizing:border-box;font-size:14px;line-height:1.6}.admin-page{max-width:1320px;margin:auto;padding:110px 28px 48px}.admin-heading,.admin-section-title,.admin-save,.admin-permissions-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-heading{margin-bottom:28px;flex-wrap:wrap}.admin-heading h1,.account-form h1{font-size:30px;margin:6px 0;font-weight:650}.admin-heading p,.account-form p{margin:6px 0;color:#657187}.account-kicker{color:#63738e;font-size:12px;letter-spacing:.08em}.admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.admin-users,.admin-editor{background:#fff;border:1px solid #e1e6ee;border-radius:20px;padding:24px;box-shadow:0 8px 28px #0a152d05}.admin-users{padding:20px}.admin-section-title h2{font-size:18px;margin:0}.admin-section-title small{font-size:13px;color:#778398}.admin-section-title{margin-bottom:20px}.admin-page button,.account-dialog button,.admin-login button,.account-gate button,.account-actions button{font:inherit;cursor:pointer;border:1px solid #dce2ea;border-radius:10px;background:#fff;color:#19263c;padding:8px 12px;box-shadow:none}.admin-page button:hover,.account-gate button:hover{border-color:#8495b0}.admin-page button:disabled,.account-dialog button:disabled{opacity:.5;cursor:not-allowed}.admin-page input:not([type=checkbox]),.account-form input{width:100%;box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid #dce2ea;border-radius:9px;background:#fafbfd;color:#17243a;font:inherit}.admin-page input:disabled{background:#f1f3f6;color:#738097}.admin-page input:focus-visible,.account-form input:focus-visible,.admin-page button:focus-visible,.account-dialog button:focus-visible{outline:2px solid #397dea;outline-offset:2px}.admin-user-list{display:flex;flex-direction:column;gap:6px;margin-top:16px}.admin-user-list .admin-user{display:flex;align-items:center;gap:10px;text-align:left;border-color:transparent;padding:12px 8px}.admin-user-list .is-selected{background:#edf3ff;border-color:#c1d4f7}.admin-user strong,.admin-user small{display:block;overflow-wrap:anywhere}.admin-user strong{font-weight:600}.admin-user small{font-size:12px;color:#71809a}.admin-avatar{display:grid;place-items:center;background:#e7edf6;min-width:34px;height:34px;border-radius:10px;font-weight:600}.admin-enabled,.admin-disabled{margin-left:auto;white-space:nowrap;font-size:12px}.admin-enabled{color:#187252}.admin-disabled{color:#8b5260}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-fields label,.account-form label{display:flex;flex-direction:column;gap:6px}.admin-password{grid-column:1/-1}.admin-fields small,.account-form small{color:#7a8597;font-size:12px}.admin-flags{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0;padding-bottom:20px;border-bottom:1px solid #edf0f5}.admin-page input[type=checkbox]{accent-color:#244d8c;width:16px;height:16px;flex-shrink:0}.admin-flags label,.admin-permission-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.admin-permissions-heading{justify-content:flex-start;margin-bottom:14px}.admin-permissions-heading h3{font-size:16px;margin:0 auto 0 0}.admin-permission-group{border:1px solid #e4e9f0;border-radius:12px;padding:12px 16px 16px;margin:14px 0}.admin-permission-group legend{padding:0 6px;color:#566681}.admin-permission-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.admin-permission-group:disabled{opacity:.65}.admin-hint{color:#66738a}.admin-save{border-top:1px solid #edf0f5;padding-top:20px;margin-top:24px}.admin-save span{color:#7a8597;font-size:12px}.account-primary.account-primary{background:#0a152d;color:#fff;border-color:#0a152d;padding:10px 20px}.account-error{color:#b42332!important;background:#fff1f1;padding:10px;border-radius:8px}.admin-success{color:#16684a;background:#eefaf5;padding:10px;border-radius:8px}.account-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.account-actions a,.account-gate a,.admin-login>a{color:#275b9b}.account-actions>span[role]{font-size:12px;color:#b42332}.account-gate{background:#fff;border:1px solid #e1e6ee;border-radius:16px;padding:28px;margin:100px auto 24px;max-width:640px}.account-gate h2{font-size:20px}.account-gate p{color:#67758a}.account-gate button,.account-gate a{margin-right:12px}.home-text-preview .account-gate{margin:16px 0;padding:18px}.admin-login{max-width:400px;margin:130px auto 40px;padding:28px;background:#fff;border:1px solid #e1e6ee;border-radius:20px}.account-dialog{width:min(420px,calc(100% - 32px));border:1px solid #e1e6ee;border-radius:20px;padding:32px;max-height:90svh;overflow:auto;background:#fff}.account-dialog::backdrop{background:#09142666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.account-dialog .account-close{position:absolute;top:10px;right:12px;font-size:24px;border:none;padding:0 8px}.account-form{display:flex;flex-direction:column;gap:16px}.account-form h1{margin:0}.account-form label{text-align:left}.admin-login>a{display:block;margin-top:20px}.effect-lockable{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.72;filter:saturate(.72)}.effect-access-gate{position:fixed;z-index:300;top:50%;left:50%;right:auto;width:min(370px,calc(100vw - 44px));margin:0;padding:20px 22px;transform:translate(-50%,-50%);box-shadow:0 18px 48px #0a152d2b}.effect-access-gate h2{margin:2px 0 6px}.effect-access-gate p{margin:0 0 14px}.effect-access-label{display:block;color:#66738a;font-size:12px;letter-spacing:.08em}@media(max-width:850px){.admin-layout{grid-template-columns:1fr}.admin-user-list{max-height:280px;overflow:auto}.admin-page{padding:100px 16px 32px}.admin-editor{padding:18px}}@media(max-width:520px){.admin-fields{grid-template-columns:1fr}.admin-permission-group>div{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-save{align-items:stretch;flex-direction:column}.admin-login{margin:110px 16px 32px}.account-dialog{padding:28px 20px}}@media(max-width:760px){.effect-access-gate{width:calc(100vw - 32px);padding:16px 18px}.effect-access-gate h2{font-size:18px}}.home-text-preview{margin-top:16px;padding:22px;border:1px solid #e7e7e7;border-radius:18px;background:#fff;color:#171717;box-shadow:0 4px 20px #00000005}.home-text-preview label{display:block;margin-bottom:10px;font-size:18px;font-weight:600}.home-text-preview textarea{display:block;box-sizing:border-box;width:100%;min-height:112px;resize:vertical;padding:14px;border:1px solid #d8d8d8;border-radius:12px;background:#fafafa;color:#171717;font-size:16px;line-height:1.6}.home-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.home-preview-actions span{color:#707070;font-size:13px}.home-preview-actions button{padding:10px 30px;border:1px solid #171717;border-radius:12px;background:#171717;color:#fff;font-size:16px}.home-preview-actions button:hover{background:#343434}.home-text-preview textarea:focus-visible,.home-preview-actions button:focus-visible{outline:2px solid #337bce;outline-offset:3px}.home-preview-error{margin:10px 0 0;color:#b42318;font-size:14px}.home-preview-result{margin-top:22px;border-top:1px solid #ececec;padding-top:18px}.home-preview-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.home-preview-result-heading h2{margin:0;font-size:16px}.home-preview-result-heading select{max-width:65%;min-height:38px;padding:7px 30px 7px 12px;border:1px solid #ddd;border-radius:10px;background:#fafafa;color:#171717;font-size:14px;cursor:pointer}.home-preview-result-heading select:focus-visible{outline:2px solid #337bce;outline-offset:3px}.home-preview-empty{display:grid;place-items:center;min-height:190px;margin:0;padding:20px;border:1px dashed #ddd;border-radius:12px;background:#fafafa;color:#707070;text-align:center;font-size:14px}.home-preview-result canvas{display:block;width:100%;height:auto;border:1px solid #e5e5e5;border-radius:10px}.home-text-preview [hidden]{display:none}.home-preview-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:760px){.home-text-preview{padding:16px;margin-bottom:20px}}.infinite-spiral{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;isolation:isolate}.infinite-spiral__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.infinite-spiral__item{position:absolute;top:50%;left:50%;display:block;width:var(--infinite-spiral-card-width);height:var(--infinite-spiral-card-height);overflow:hidden;border:1px solid rgb(255 255 255 / .24);border-radius:var(--infinite-spiral-card-radius);background:#ffffff14;box-shadow:0 14px 38px #08061233;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity,filter;text-decoration:none}.infinite-spiral__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-position:center;-webkit-user-select:none;user-select:none}.home-spiral .infinite-spiral__item{background:transparent;border:0;box-shadow:none;overflow:visible}@media(prefers-reduced-motion:reduce){.infinite-spiral__item{transition:none}}.card-nav-container{position:absolute;top:2em;left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:99;box-sizing:border-box}.card-nav{display:block;height:60px;padding:0;background-color:#fff;border:.5px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 4px 6px #0000001a;position:relative;overflow:hidden;will-change:height}.card-nav-top{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:.5rem .45rem .55rem 1.1rem;z-index:2}.hamburger-menu{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:6px}.hamburger-menu:hover .hamburger-line{opacity:.75}.hamburger-line{width:30px;height:2px;background-color:currentColor;transition:transform .25s ease,opacity .2s ease,margin .3s ease;transform-origin:50% 50%}.hamburger-menu.open .hamburger-line:first-child{transform:translateY(4px) rotate(45deg)}.hamburger-menu.open .hamburger-line:last-child{transform:translateY(-4px) rotate(-45deg)}.logo-container{display:flex;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.logo{height:28px}.card-nav-cta-button{background-color:#111;color:#fff;border:none;border-radius:.4rem;padding:0 1rem;height:100%;font-weight:500;cursor:pointer;transition:background-color .3s ease;align-items:center}.card-nav-cta-button:hover{background-color:#333}.card-nav-content{position:absolute;left:0;right:0;top:60px;bottom:0;padding:.5rem;display:flex;align-items:flex-end;gap:12px;visibility:hidden;pointer-events:none;z-index:1}.card-nav.open .card-nav-content{visibility:visible;pointer-events:auto}.nav-card{height:100%;flex:1 1 0;min-width:0;border-radius:.55rem;position:relative;display:flex;flex-direction:column;padding:12px 16px;gap:8px;-webkit-user-select:none;user-select:none}.nav-card-label{font-weight:400;font-size:22px;letter-spacing:-.5px}.nav-card-links{margin-top:auto;display:flex;flex-direction:column;gap:2px}.nav-card-link{font-size:16px;cursor:pointer;text-decoration:none;transition:opacity .3s ease;display:inline-flex;align-items:center;gap:6px}.nav-card-link:hover{opacity:.75}.site-card-nav.card-nav-container{position:fixed;top:max(12px,env(safe-area-inset-top));width:calc(100% - 32px);max-width:800px;z-index:1100}.site-card-nav .card-nav{min-height:60px;overflow:hidden;border-radius:24px}.site-card-nav .card-nav-cta-button{border-radius:24px}.site-card-nav .card-nav-brand{color:#171717;font-size:18px;font-weight:700;white-space:nowrap}.site-card-nav .nav-card-links{overflow-y:auto;min-height:0;scrollbar-width:thin}.site-card-nav .nav-card-link{color:inherit;padding:3px 0;border:0;font-size:15px;white-space:normal;flex-shrink:0}.site-card-nav .nav-card-label{flex-shrink:0}.site-card-nav .hamburger-menu:focus-visible{outline:2px solid #171717;outline-offset:4px}.site-card-nav .nav-card-link-icon{flex-shrink:0}.home{padding-top:84px}@media(max-width:768px){.site-card-nav .nav-card{max-height:180px;flex:0 0 auto}.site-card-nav .card-nav-content{max-height:calc(100dvh - 100px);overflow-y:auto}}@media(max-width:768px){.card-nav-container{width:90%;top:1.2em}.card-nav-top{padding:.5rem 1rem;justify-content:space-between}.hamburger-menu{order:2}.logo-container{position:static;transform:none;order:1}.card-nav-cta-button{display:none}.card-nav-content{flex-direction:column;align-items:stretch;gap:8px;padding:.5rem;bottom:0;justify-content:flex-start}.nav-card{height:auto;min-height:60px;flex:1 1 auto;max-height:none}.nav-card-label{font-size:18px}.nav-card-link{font-size:15px}}.chroma-grid{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(var(--cols, 3),320px);grid-auto-rows:auto;justify-content:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:1rem;box-sizing:border-box;--x: 50%;--y: 50%;--r: 220px}@media(max-width:1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media(max-width:480px){.chroma-grid{grid-template-columns:320px;gap:.75rem;padding:1rem}}.chroma-card{position:relative;display:flex;flex-direction:column;width:320px;height:auto;border-radius:20px;overflow:hidden;border:1px solid #333;transition:border-color .3s ease;background:var(--card-gradient);--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .3)}.chroma-card:hover{border-color:var(--card-border)}.chroma-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 70%);pointer-events:none;opacity:0;transition:opacity .5s ease;z-index:2}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{position:relative;z-index:1;flex:1;padding:10px;box-sizing:border-box;background:transparent;transition:background .3s ease}.chroma-img-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.chroma-info{position:relative;z-index:1;padding:.75rem 1rem;color:#fff;font-family:system-ui,sans-serif;display:grid;grid-template-columns:1fr auto;row-gap:.25rem;column-gap:.75rem}.chroma-info .role,.chroma-info .handle{color:#aaa}.chroma-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),transparent 0%,transparent 15%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.68) 88%,white 100%)}.chroma-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;backdrop-filter:grayscale(1) brightness(.78);-webkit-backdrop-filter:grayscale(1) brightness(.78);background:#0000;mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),white 0%,white 15%,rgba(255,255,255,.9) 30%,rgba(255,255,255,.78) 45%,rgba(255,255,255,.65) 60%,rgba(255,255,255,.5) 75%,rgba(255,255,255,.32) 88%,transparent 100%);opacity:1;transition:opacity .25s ease}.gradual-blur-inner{position:relative;width:100%;height:100%}.gradual-blur-inner>div{-webkit-backdrop-filter:inherit;backdrop-filter:inherit}.gradual-blur{isolation:isolate;pointer-events:none}.gradual-blur-parent{overflow:hidden}.gradual-blur-inner{pointer-events:none}@media(prefers-reduced-motion:reduce){.gradual-blur,.gradual-blur-inner>div{transition:none!important}}@supports not (backdrop-filter: blur(1px)){.gradual-blur-inner>div{background:#0000004d;opacity:.5}}.gradual-blur-fixed{position:fixed!important;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000}.pixel-swap{position:relative;width:100%;overflow:hidden;isolation:isolate;outline:none}.pixel-swap__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pixel-swap__layer[data-visible=false]{visibility:hidden}.pixel-swap__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.pixel-swap__pixel{position:absolute;overflow:hidden;opacity:0;contain:paint}.pixel-swap__pixel-content{position:absolute}.effect-pixel-preview{height:100%;border-radius:10px;background:#fff}.effect-pixel-preview-content{width:100%;height:100%;display:grid;place-items:center;background:#fff}.effect-cards-screen .effect-pixel-preview-content img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.effect-pixel-preview-title{width:100%;height:100%;display:grid;place-items:center;padding:16px;color:#fff;font-size:clamp(24px,3vw,36px);font-weight:700;text-align:center;box-sizing:border-box}.effect-examples-toggle{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background-color:#000;color:#fff;font-family:inherit;font-size:16px;letter-spacing:1px;border:.5px solid rgba(0,0,0,.1);height:65px;width:200px;max-width:100%;flex-shrink:0;margin-left:auto;padding:12px;border-radius:15px 15px 12px 12px;cursor:pointer;position:relative;isolation:isolate;will-change:transform;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right,#000c,#0000),linear-gradient(to bottom,#000c,#0000);background-position:bottom right,bottom right;background-size:100% 100%,100% 100%;background-repeat:no-repeat;box-shadow:inset -4px -10px #fff6,inset -4px -8px #0000004d,0 2px 1px #0000004d,0 2px 1px #ffffff1a;transform:perspective(70px) rotateX(5deg) rotateY(0)}.effect-examples-toggle span{transform:translateY(-10px)}.effect-examples-toggle:after,.effect-examples-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:15px;pointer-events:none;transition:all .1s ease-in-out}.effect-examples-toggle:after{background-image:linear-gradient(to bottom,#fff3,#00000080);box-shadow:inset 4px 0 #ffffff1a,inset 4px -8px #0000004d}.effect-examples-toggle:before{background-image:linear-gradient(to right,#000c,#0000),linear-gradient(to bottom,#000c,#0000);background-position:bottom right,bottom right;background-size:100% 100%,100% 100%;background-repeat:no-repeat}.effect-examples-toggle:active{transform:perspective(80px) rotateX(5deg) rotateY(1deg) translateY(3px) scale(.96);border-color:#0003;box-shadow:inset -4px -8px #fff3,inset -4px -6px #000c,0 1px #000000e6,0 1px #fff3}.effect-examples-toggle:active:after{background-image:linear-gradient(to bottom,#00000080,#fff3)}.effect-examples-toggle:active:before{top:5%;left:20%;width:50%;height:80%;background-color:#ffffff1a;animation:effect-examples-overlay .1s ease-in-out}.effect-examples-toggle:focus-visible{outline:2px solid #fff;outline-offset:5px}@keyframes effect-examples-overlay{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.effect-examples-toggle,.effect-examples-toggle:before,.effect-examples-toggle:after{transition:none;animation:none}.effect-examples-toggle:active{transform:perspective(70px) rotateX(5deg) rotateY(0)}}.animated-list{position:relative;min-width:0;--animated-list-background:#fff}.animated-list-scroll{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:600px;overflow-y:auto;padding:4px 5px 12px;scrollbar-width:thin;scrollbar-color:#bfc3ca transparent}.animated-list-scroll::-webkit-scrollbar{width:5px}.animated-list-scroll::-webkit-scrollbar-thumb{background:#bfc3ca;border-radius:8px}.animated-list .animated-list-item{width:100%;min-width:0;cursor:pointer;transform-origin:center}.animated-list .animated-list-item.selected{background:#f4f5f7;box-shadow:0 3px 10px #00000012}.animated-list .animated-list-item:focus-visible{outline:2px solid #111;outline-offset:-2px}.animated-list-gradient{position:absolute;left:36px;right:4px;height:32px;pointer-events:none;transition:opacity .2s;z-index:1}.animated-list-gradient.top{top:0;background:linear-gradient(var(--animated-list-background),transparent)}.animated-list-gradient.bottom{bottom:10px;background:linear-gradient(transparent,var(--animated-list-background))}@media(max-width:1100px){.animated-list-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.animated-list-scroll{max-height:520px;gap:5px 7px}.animated-list-gradient{left:10px;right:10px}}@media(prefers-reduced-motion:reduce){.animated-list-gradient{transition:none}}.masonry-list{position:relative;width:100%}.masonry-item{position:absolute;top:0;left:0;display:block;color:#202124;text-decoration:none;will-change:transform,width,height,opacity;border-radius:14px}.masonry-figure{box-sizing:border-box;margin:0;width:100%;height:100%;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 6px 22px #0000000b;transition:transform .25s,box-shadow .25s}.masonry-figure img{display:block;width:100%;height:auto;object-fit:contain}.masonry-figure figcaption{height:40px;display:flex;align-items:center;padding:0 12px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.masonry-item:hover .masonry-figure{transform:scale(.98);box-shadow:0 12px 28px #00000016}.masonry-item:focus-visible{outline:2px solid #111;outline-offset:4px}.home-masonry-screen{padding:80px 36px 130px;background:#f7f8fa;min-height:100vh;scroll-margin-top:90px}.home-masonry-heading,.home-masonry-screen .masonry-list{max-width:1120px;margin:0 auto}.home-masonry-heading{margin-bottom:28px}.home-masonry-heading h2{margin:0 0 10px;font-size:28px;color:#171717}.home-masonry-heading p{margin:0;color:#666;font-size:14px}@media(max-width:760px){.home-masonry-screen{padding:60px 16px 115px}.home-masonry-heading h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.masonry-figure{transition:none}.masonry-item:hover .masonry-figure{transform:none}}.logoloop{position:relative;--logoloop-gap: 32px;--logoloop-logoHeight: 28px;--logoloop-fadeColorAuto: #ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media(prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto: #0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;-webkit-user-select:none;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center;margin:0;padding:0;list-style:none;flex-shrink:0}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:before,.logoloop--fade:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor, var(--logoloop-fadeColorAuto)) 0%,rgba(0,0,0,0) 100%)}@media(prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.home-logo-loop{padding:44px 36px 132px;background:#fff;min-width:0}.home-logo-loop .logoloop{overflow:hidden;padding:10px 0}@media(max-width:760px){.home-logo-loop{padding:32px 10px 120px}.home-logo-loop .logoloop{--logoloop-logoHeight:44px !important;--logoloop-gap:28px !important}}@media(prefers-reduced-motion:reduce){.home-logo-loop .logoloop{overflow-x:auto}.home-logo-loop .logoloop__list[aria-hidden=true]{display:none}.home-logo-loop .logoloop--fade:before,.home-logo-loop .logoloop--fade:after{display:none}}:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#141414;background:#f9fafb;font-synthesis:none}.special-one-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh;background:#fff;color:#111}.special-one-results{padding:15px;overflow:auto;font:50px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol}.special-one-results p{margin:0;border-bottom:1px dashed #bbb;min-height:76px;white-space:pre-wrap;overflow-wrap:anywhere}.special-one-results .special-one-loading{font-size:16px}.special-one-panel{padding:10px;overflow-y:scroll;background:#333;color:#eee;font:14px/1.3 system-ui,-apple-system,PingFang SC,Segoe UI,Segoe UI Symbol,"Segoe UI Emoji",Microsoft YaHei,sans-serif}.special-one-panel h1{font-size:16px;line-height:1;margin:0 0 5px}.special-one-panel p{margin:0 0 5px}.special-one-panel hr{border:0;border-top:1px dashed #ccc;margin:5px 0}.special-one-panel section,.special-one-panel label{display:flex;align-items:center;gap:6px;margin-bottom:5px}.special-one-panel button{padding:0 4px;white-space:nowrap}.special-one-panel textarea{min-width:0;width:100%;height:60px;padding:5px;text-align:center;resize:vertical}.special-one-panel input[type=range]{flex:1;min-width:0;margin:0}.special-one-panel output{background:#666;min-width:35px;font-size:12px;text-align:center}.special-one-panel a{color:#0d6;text-decoration:none}.special-one-mappings{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:5px}.special-one-mappings button{border:0;font-size:12px}.special-one-add input{width:0;flex:1;min-width:0;font-size:12px;height:24px}.special-one-add{gap:5px!important}.special-one-symbols{display:grid;grid-template-columns:repeat(auto-fill,36px);gap:2px;margin-bottom:5px}.special-one-symbols button{height:48px;border:0;padding:0;color:#000;background:#fff;font-size:24px;line-height:1}.special-one-symbols button:first-child,.special-one-symbols button:last-child{font-size:14px}.special-one-symbols button:hover{background:#e70000;color:#fff}.special-one-symbols button:focus-visible{outline:2px solid #168dff;outline-offset:-2px}@media(max-width:600px){.special-one-tool{grid-template-columns:1fr;height:auto}.special-one-results{height:60vh;font-size:32px}.special-one-panel{overflow:visible}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f9fafb;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}.home{width:100%;min-height:100vh;margin:0;background:#f9fafb}.blank-home{min-height:100svh;position:relative}.home-effects-page{scroll-margin-top:84px;background:#fff}.site-home-link{color:inherit;text-decoration:none;border:0}.site-home-link:focus-visible{outline:2px solid #171717;outline-offset:5px;border-radius:4px}.utility{min-height:34px;padding:7px 36px;display:flex;justify-content:space-between;align-items:center;color:#00a66b;font-size:14px;background:#fafafa}.brand-row{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:10px 36px;border-top:1px solid #eee}.brand-row h1{margin:0;color:#064b86;font-size:34px;line-height:1;letter-spacing:2px}.brand-row p{margin:5px 0 0;color:#444;font-size:13px}.search{width:min(420px,48%);display:flex;border:2px solid #ff7200}.search input{width:100%;border:0;outline:0;padding:10px 12px;min-width:0}.search span{flex:0 0 auto;padding:10px 18px;color:#fff;background:#ff7200;font-weight:700}nav{min-height:45px;display:flex;align-items:stretch;background:#064b86;overflow-x:auto}nav a,nav strong{color:#fff;text-decoration:none;padding:13px 22px;border-right:1px solid #2e74ac;white-space:nowrap;font-size:14px}nav strong{background:#005ca6}.intro{margin:10px 36px 8px;padding:8px 10px;display:flex;justify-content:space-between;gap:12px;border-left:3px solid #e80072;color:#e01b32;font-size:18px}.intro p{margin:0}.home-content{display:flex;align-items:flex-start}.home-editor-column{width:50%;min-width:0;padding:0 4px 10px 36px}.home-editor-column .effect-options{width:100%;padding:0}@media(max-width:760px){.home-editor-column{width:100%;padding:0 10px 8px}}.home-first-screen{min-height:calc(100svh - 84px)}.effect-cards-screen{padding:84px 20px 110px;background:#111318;border-radius:64px;scroll-margin-top:84px}.effect-cards-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 auto 24px;max-width:1000px;color:#fff}.effect-cards-heading h2{margin:0;font-size:26px}.effect-card-gallery{position:relative;overflow:clip;--effect-blur-height:7rem}.effect-card-blur-clearance{height:var(--effect-blur-height);pointer-events:none}.effect-card-blur-edge{position:sticky;bottom:0;height:0;z-index:5;pointer-events:none}@media(max-width:560px){.effect-card-gallery{--effect-blur-height:5rem}}.effect-cards-screen .chroma-grid{height:auto;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1120px}.effect-cards-screen .chroma-card{width:100%;min-width:0;text-decoration:none}.effect-cards-screen .chroma-img-wrapper{height:120px;padding:8px;flex:none}.effect-cards-screen .chroma-info{padding:10px;grid-template-columns:minmax(0,1fr) auto;column-gap:5px}.effect-cards-screen .chroma-info .name{font-size:16px;overflow-wrap:anywhere}.effect-cards-screen .chroma-info .handle{font-size:12px}.effect-cards-screen .chroma-info .role{grid-column:1/-1;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.effect-cards-screen .effect-pixel-preview-title{padding:8px;font-size:clamp(18px,2vw,28px);overflow-wrap:anywhere}.effect-cards-screen .chroma-img-wrapper img{object-fit:contain;background:#fff}.effect-cards-screen .chroma-overlay,.effect-cards-screen .chroma-fade{backdrop-filter:none;-webkit-backdrop-filter:none}.chroma-effect-title{height:100%;display:grid;place-items:center;color:#fff;font-size:38px;font-weight:700}.effect-cards-screen .chroma-info h3,.effect-cards-screen .chroma-info p{margin:0}.effect-cards-screen .chroma-card:focus-visible{outline:3px solid #fff;outline-offset:3px;z-index:5}@media(max-width:760px){.effect-cards-screen .chroma-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0}.effect-cards-screen .chroma-card{border-radius:12px}.effect-cards-screen .chroma-img-wrapper{height:88px;padding:4px}.effect-cards-screen .chroma-info{padding:7px 5px}.effect-cards-screen .chroma-info .name{font-size:14px}.effect-cards-screen .effect-pixel-preview-title{padding:4px;font-size:clamp(14px,3.8vw,22px)}}@media(max-width:560px){.effect-cards-screen{padding:84px 10px 110px;border-radius:32px}}.home-spiral{width:50%;height:620px;padding:0 36px 0 4px;min-width:0}.effect-grid{width:50%;padding:0 4px 10px 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.effect-grid.animated-list{display:block}.effect-options{width:50%;min-width:0;padding:0 4px 10px 36px;scroll-margin-top:84px}.effect-options .effect-grid{width:100%;padding:0}.effect-options-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 14px;border:1px solid #ddd;border-radius:12px;background:#fff;color:#111;font-size:16px;cursor:pointer;list-style:none}.effect-options-toggle::-webkit-details-marker{display:none}.effect-options-toggle:focus-visible{outline:2px solid #111;outline-offset:3px}.effect-options-collapse,.effect-options[open] .effect-options-expand{display:none}.effect-options[open] .effect-options-collapse{display:inline}.effect-options[open] .effect-options-toggle{margin-bottom:8px}@media(max-width:760px){.effect-options{width:100%;padding:0 10px 8px}.effect-options-toggle{font-size:14px}}.effect-grid button{height:38px;border-radius:9px;display:grid;grid-template-columns:31px 1fr;align-items:center;padding:2px 7px;background:#fff;border:1px dashed;text-align:left;transition:transform .15s,box-shadow .15s,background .15s}.effect-grid button:hover{transform:translateY(-2px);background:#fffdf3;box-shadow:0 4px 10px #0002}.effect-grid .pink{border-color:#f11370}.effect-grid .teal{border-color:#00b7aa}.number{font-size:13px;color:#333}.effect-icon{color:#111;font-size:21px;text-align:center;line-height:1}.effect-grid strong{font-size:16px;white-space:nowrap}.empty{margin:30px;text-align:center;color:#777}.ticker{margin:0 36px 12px;padding:11px 20px;display:flex;justify-content:space-between;background:#e80072;color:#fff;font-size:23px;font-weight:700;overflow:hidden}.feature-band{margin:0 36px 30px}.feature-band h2{margin:0 0 8px;padding:10px;border-left:3px solid #e80072;background:#f7f7f7;font-size:18px}.feature-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.feature-list p{margin:0;padding:10px;border:1px dashed #00b7aa;font-size:14px}footer{min-height:86px;display:flex;justify-content:space-between;align-items:center;padding:24px 36px;color:#dceafb;background:#073e72;font-size:13px}.preview-display{display:contents}.infinite-viewport{position:relative;min-width:0;width:100%;height:100%;overflow:hidden;background:#eceef1;background-image:radial-gradient(#bbc1c9 1px,transparent 1px);background-size:20px 20px;touch-action:none}.infinite-viewport>[data-infinite-scene]{width:100%;height:100%;overflow:visible;will-change:transform}.infinite-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.infinite-viewport [data-infinite-scene] .canvas-frame{overflow:visible}.infinite-viewport .preview-pane>.canvas-frame{width:1320px;height:920px;flex-shrink:0}.infinite-viewport .preview-pane,.infinite-viewport .preview-pane>.canvas-frame{background:transparent}.preview-display aside:has(>.preview-display-controls){display:flex;flex-direction:column}.preview-display aside:has(>.preview-display-controls)>*{flex-shrink:0}.preview-display-controls{position:relative;width:100%;min-width:0;max-width:100%;margin-top:auto;padding:16px 0 4px;border:0;background:transparent;color:inherit;font:13px system-ui,sans-serif}.preview-display-controls .canvas-zoom-control{width:100%;gap:10px}.preview-display-controls .canvas-zoom-control .elastic-slider{flex:1;min-width:0;width:auto}.preview-display-controls .canvas-zoom-control output{background:transparent;color:inherit}.preview-display-controls .canvas-zoom-control .icon{color:currentColor}.preview-display-controls label{display:flex;align-items:center;gap:8px;margin-top:9px}.preview-display-controls input{width:130px}.preview-display-controls p{margin:8px 0 0;font-size:12px;line-height:1.6;color:inherit}.canvas-action-buttons{display:flex;flex-wrap:wrap;gap:12px;padding:8px 4px 0}.preview-display-controls .canvas-action-buttons{gap:10px;padding:12px 0 6px}.preview-display-controls .canvas-action-buttons button{color:#090909;flex:1;white-space:nowrap;padding:.6em 1.2em;font-size:14px;border-radius:.5em;background:#e8e8e8;cursor:pointer;border:1px solid #e8e8e8;transition:all .3s;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff}.preview-display-controls .canvas-action-buttons button:active,.preview-display-controls .canvas-action-buttons button[aria-pressed=true]{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.preview-display-controls .canvas-action-buttons button:focus-visible{outline:2px solid #168bff;outline-offset:4px}@media(prefers-reduced-motion:reduce){.preview-display-controls .canvas-action-buttons button{transition:none}}.tool-shell{width:100%;height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 300px;background:#1e1e1e;overflow:hidden}.tool-shell.circle-three-shell{grid-template-columns:minmax(0,1fr) 300px}.tool-shell:has(canvas.poker1){grid-template-columns:minmax(0,1fr) 300px}.tool-shell:has(canvas.poker1)>.tool-nav{display:none}.tool-shell:has(canvas.poker1) .controls{background:#333}.canvas-frame canvas.poker1{width:100%;height:100%;object-fit:contain}.tool-shell:has(canvas.semi1){grid-template-columns:minmax(0,1fr) 300px}.tool-shell:has(canvas.semi1)>.tool-nav{display:none}.canvas-frame canvas.semi1{width:100%;height:100%;object-fit:contain}.tool-shell:has(canvas.grid){grid-template-columns:minmax(0,1fr) 300px}.tool-shell:has(canvas.grid)>.tool-nav{display:none}.canvas-frame canvas.grid{width:100%;height:100%;object-fit:contain}.circle-three-shell>.tool-nav{display:none}.circle-three-shell .svg-stage{isolation:isolate;transform-style:flat}.circle-three-shell .controls{background:#333}.circle-three-shell .schema-controls{display:grid;grid-template-columns:1fr 1fr;gap:1px 4px}.circle-three-shell .schema-controls>*{grid-column:1 / -1;min-width:0}.circle-three-shell .schema-controls>:is(:nth-child(1),:nth-child(2),:nth-child(10),:nth-child(11),:nth-child(12),:nth-child(13),:nth-child(17),:nth-child(18)){grid-column:auto}.circle-three-shell .schema-textarea{display:block}.circle-three-shell .schema-textarea>span{display:none}.circle-three-shell .schema-controls>:is(:nth-child(2),:nth-child(11),:nth-child(13)){display:flex;gap:3px}.circle-three-shell .schema-controls>:is(:nth-child(2),:nth-child(11),:nth-child(13)) output{display:none}.circle-three-shell .schema-controls input[type=range]{min-width:0;flex:1}.circle-three-shell .color-control{display:flex;gap:4px;justify-content:flex-start}.circle-three-shell .color-control input{width:46px;flex:0 0 46px}.circle-four-shell .schema-controls>:is(:nth-child(17),:nth-child(18)){grid-column:1 / -1}.checker-one-shell .schema-controls>:nth-child(n+3){grid-column:1 / -1}.checker-one-shell .schema-controls>:nth-child(11){display:grid}.checker-one-shell .schema-controls>:nth-child(13){display:flex}.checker-one-shell .schema-controls>:nth-child(11) output{display:block}.wave-gif-shell .schema-controls{display:block}.tool-shell.wave-gif-shell .schema-controls .range{display:grid;grid-template-columns:38px 35px minmax(0,1fr);gap:6px}.tool-shell.wave-gif-shell .schema-controls .range output{display:block}.wave-gif-shell .schema-controls>:nth-child(7):after{content:"波浪线，可单独控制上下位移";grid-column:1 / -1;margin-top:5px}.wave-gif-shell .canvas-frame canvas.wavegif{width:100%;height:100%;object-fit:fill}.stamp-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh}.stamp-workspace{overflow:auto;background:conic-gradient(#ccc 25%,#fff 0,#fff 50%,#ccc 0,#ccc 75%,#fff 0) 0 0 / 20px 20px}.stamp-paper{position:relative;width:700px;height:990px}.stamp-paper canvas{display:block;width:700px;height:990px}.stamp-paper.crop-active{cursor:crosshair;touch-action:none}.stamp-crop{position:absolute;border:1px dashed #057aff;background:#057aff20;pointer-events:none}.stamp-panel{background:#333;color:#eee;padding:10px;overflow-y:auto;font:13px Tahoma,sans-serif}.stamp-panel>input{display:block;width:100%;height:18px;padding:0 5px;margin:0 0 4px;border:1px solid #aaa}.stamp-panel label{display:flex;align-items:center;gap:5px;height:23px;white-space:nowrap}.stamp-panel label input{min-width:0;flex:1}.stamp-panel input[type=text],.stamp-panel label input:not([type]){height:18px;padding:0 4px;border:1px solid #aaa}.stamp-panel input[type=range]{margin:0}.stamp-panel hr{border:0;border-top:1px dashed #aaa;margin:5px 0}.stamp-panel p{margin:4px 0}.stamp-actions{display:flex;align-items:center;gap:3px}.stamp-actions select{margin-left:auto;width:82px}.stamp-actions button{border:0;color:#fff;padding:2px 5px}.stamp-actions .primary{background:#00c853}.stamp-actions .capture-button{background:#ff6800}@media(max-width:600px){.stamp-tool{height:auto;grid-template-columns:1fr}.stamp-workspace{height:65vh}.stamp-panel{max-height:none}}.contour-two-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh}.contour-two-workspace{position:relative;overflow:hidden;min-width:0}.contour-two-workspace canvas{display:block;width:100%;height:100%}.contour-two-workspace.crop-active{cursor:crosshair;touch-action:none}.contour-two-panel{padding:10px;background:#333;color:#eee;overflow-y:auto;font:14px Tahoma,Verdana,system-ui,sans-serif}.contour-two-panel h1{font-size:16px;line-height:1;margin:0 0 5px}.contour-two-panel hr{border:0;border-top:1px dashed #aaa;margin:0 0 5px}.contour-two-panel p{margin:0 0 5px;line-height:1.3}.contour-two-panel form{display:flex;gap:5px;margin-bottom:5px;height:24px}.contour-two-panel form input{min-width:0;flex:1;padding:2px 5px}.contour-two-panel button{white-space:nowrap}.contour-two-panel label{display:flex;gap:8px;align-items:center;height:29px;white-space:nowrap}.contour-two-panel input[type=range],.contour-two-panel input[type=color]{flex:1;min-width:0;margin:0}.contour-two-panel input[type=color]{height:24px;padding:1px}.contour-two-actions{display:flex;justify-content:space-between}.contour-two-actions button{background:#ff6800;color:#fff;border:0;padding:2px 5px}.contour-two-actions button:last-child{background:#00c853}@media(max-width:600px){.contour-two-tool{height:auto;grid-template-columns:1fr}.contour-two-workspace{height:65vh}}.coordinate-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh}.coordinate-workspace{display:grid;place-items:center;overflow:auto;min-width:0;background:#fff}.coordinate-chart{position:relative;width:900px;height:550px}.coordinate-chart canvas{display:block;width:900px;height:550px}.coordinate-chart.crop-active{cursor:crosshair;touch-action:none}.coordinate-panel{padding:10px;background:#333;color:#eee;overflow:auto;font:14px Tahoma,Verdana,system-ui,sans-serif}.coordinate-panel h1{font-size:16px;line-height:1;margin:0 0 5px}.coordinate-panel hr{border:0;border-top:1px dashed #aaa;margin:0 0 5px}.coordinate-panel label{display:flex;align-items:center;gap:5px;white-space:nowrap;margin-bottom:5px}.coordinate-panel label input{min-width:0;flex:1;width:100%;height:18px;padding:0 4px}.coordinate-panel label input[type=color]{height:24px;padding:1px}.coordinate-panel label:last-of-type input[type=color]{max-width:82px}.coordinate-panel p{font-size:13px;margin:5px 0}.coordinate-actions{display:flex;gap:3px;margin-bottom:5px}.coordinate-actions button{border:0;color:#fff;background:#ff6800;padding:2px 4px;white-space:nowrap}.coordinate-actions button:last-child{background:#00c853}.coordinate-actions select{width:82px;margin-left:auto}@media(max-width:1200px){.coordinate-workspace{place-items:start}}@media(max-width:600px){.coordinate-tool{height:auto;grid-template-columns:1fr}.coordinate-workspace{height:65vh}}.tool-nav{position:relative;min-width:0;padding:0 14px;background:#202020;color:#eee;overflow-y:auto}.tool-nav h2{margin:0 -14px 8px;padding:12px 14px;background:#353535;font-size:21px;font-weight:400}.tool-nav a,.tool-nav>button:not(.all-effects){width:100%;display:block;padding:6px 0;border:0;border-bottom:1px dashed #555;background:transparent;color:#fff;text-align:left;font-size:16px}.side-search{display:flex;margin:10px 0}.side-search input{min-width:0;width:100%;height:31px;border:2px solid #ff6500}.side-search button{flex:0 0 90px;border:0;background:#ff6500;color:#fff}.tool-nav .all-effects{position:absolute;left:14px;right:14px;bottom:20px;padding:10px;border:1px solid #777;background:#303030;color:#fff}.preview-pane{min-width:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}.canvas-frame{width:100%;height:100%;background:#fff;line-height:0}.canvas-frame canvas{display:block;width:100%;height:100%;object-fit:fill}.canvas-frame canvas.stroke,.canvas-frame canvas.dotmatrix{background-color:#fff;background-image:linear-gradient(45deg,#e4e4e4 25%,transparent 25%),linear-gradient(-45deg,#e4e4e4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e4e4 75%),linear-gradient(-45deg,transparent 75%,#e4e4e4 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.canvas-frame .hand-canvas{cursor:crosshair;touch-action:none;background-position:center;background-repeat:no-repeat;background-size:contain}.special-stage{box-sizing:border-box;width:100%;height:100%;padding:28px;overflow:hidden;color:#111;background:#fff;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:normal}.special-stage p{margin:0 0 18px;padding:0 0 12px 20px;border-bottom:1px dashed #aaa}.special-v1,.special-v2{font-size:50px}.special-pair{position:relative;display:inline-block;margin-right:4px}.special-pair small{display:inline-block;margin-left:-15px;translate:0 4px;font-size:16px}.svg-stage{position:relative;width:100%;height:100%;overflow:hidden;line-height:normal;transform-style:preserve-3d}.glitch-stage{position:relative;width:100%;height:100%;overflow:hidden;color:#000;line-height:normal}.glitch-container{position:relative;z-index:1;width:100%;height:calc(100% - 100px)}.glitch-svg{position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%);overflow:visible}.glitch-svg text{fill:#000}.glitch-hint{position:absolute;z-index:3;left:0;width:100%;margin:0;text-align:center;font-size:32px;font-weight:700}.svg-stage-text{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding-right:0;padding-bottom:0;overflow:hidden;resize:none;border:0;outline:0;background:transparent;white-space:pre-wrap;transform-origin:50% 50%}.svg-stage.infinite-text-stage{overflow:visible}.svg-stage-text.infinite-text-layer{overflow:visible;white-space:pre;pointer-events:none}.svg-stage-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.svg-tile-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.svg-tile-row{display:flex;width:max-content;height:auto}.svg-tile-row span,.svg-tile-row svg{display:block;flex:0 0 auto}.geometric-svg{display:block;width:100%;height:100%}.controls{height:100vh;padding:7px 10px 16px;background:#2c2c2c;color:#f4f4f4;overflow-y:auto;font-size:14px}.controls h1{margin:0 0 5px;padding-bottom:4px;border-bottom:1px dashed #777;font-size:17px;line-height:1.2}.input-row{display:grid;grid-template-columns:minmax(0,1fr) auto 88px auto;align-items:center;gap:5px}.controls textarea{width:100%;height:62px;min-height:62px;resize:none;padding:5px;border:0;background:#fff;text-align:center;line-height:1.25}.glitch-control-group{padding:4px 0 6px;border-bottom:1px dashed #777}.glitch-text-control{min-height:24px;display:grid;grid-template-columns:63px minmax(0,1fr);align-items:center;gap:5px}.glitch-text-control input{min-width:0;width:100%;height:22px;border:0;background:#fff}.pattern-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh;font-family:Tahoma,Verdana,system-ui,sans-serif}.pattern-workspace{position:relative;min-width:0;overflow:visible;background:transparent}.pattern-stage{position:absolute;left:0;top:0;overflow:visible;flex-shrink:0;background-color:#fff;background-image:conic-gradient(#ccc 25%,#fff 0,#fff 50%,#ccc 0,#ccc 75%,#fff 0);background-size:20px 20px}.pattern-demo,.pattern-result{display:block;width:auto;height:auto;max-width:none;max-height:none;object-fit:none}.pattern-result[hidden]{display:none}.pattern-panel{background:#3a3a3a;color:#eee;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;font-size:13px}.pattern-panel>*{margin:0}.pattern-panel h1,.pattern-panel h2{font-size:16px;line-height:1}.pattern-panel em{color:#c00;font-style:normal}.pattern-panel hr{border:0;border-top:1px dashed #ccc}.pattern-panel label{display:flex;align-items:center;gap:5px;white-space:nowrap}.pattern-panel input,.pattern-panel textarea{min-width:0;flex:1}.pattern-panel textarea{height:58px;padding:4px;text-align:center}.pattern-panel input[type=file]{width:130px}.pattern-panel a{color:#0c6}.pattern-actions{display:flex;justify-content:space-between}.pattern-actions button{border:0;background:#ff6800;color:#fff;padding:3px 6px}.pattern-actions button:last-child{background:#0c6}.pattern-notice{font-size:12px;line-height:1.4}@media(max-width:700px){.pattern-tool{display:flex;flex-direction:column;height:auto;min-height:100vh}.pattern-workspace{min-height:45vh;height:45vh}.pattern-panel{overflow:visible}}.character-background-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh;font-family:Tahoma,Verdana,system-ui,sans-serif}.character-background-workspace{position:relative;min-width:0;overflow:visible;background:transparent}.character-background-stage{position:absolute;left:0;top:0;overflow:visible;background:#fff}.character-background-stage canvas,.character-background-stage img{display:block;width:auto;height:auto;max-width:none;max-height:none}.character-background-stage canvas[hidden]{display:none}.character-background-panel{background:#333;color:#eee;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;font-size:13px}.character-background-panel>*{margin:0}.character-background-panel h1{font-size:17px}.character-background-panel hr{width:100%;border:0;border-top:1px dashed #aaa}.character-background-panel label{display:flex;align-items:center;gap:6px;min-height:22px;white-space:nowrap}.character-background-panel label>span{min-width:58px}.character-background-panel input{min-width:0;flex:1}.character-background-panel input[type=file]{width:150px}.character-background-panel input[type=color]{flex:0 0 54px;height:24px}.character-background-panel output{min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.character-background-save{border:0;padding:6px;background:#0b6;color:#fff;cursor:pointer}@media(max-width:700px){.character-background-tool{display:flex;flex-direction:column;min-height:100vh;height:auto}.character-background-workspace{height:48vh;min-height:48vh}.character-background-panel{overflow:visible}}.clock-tool{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:100vh;font:14px Tahoma,Verdana,system-ui,sans-serif}.clock-workspace{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:conic-gradient(#ccc 25%,#fff 0,#fff 50%,#ccc 0,#ccc 75%,#fff 0) 0 0/20px 20px}.clock-workspace canvas{width:800px;height:800px;max-width:100%;max-height:100%;object-fit:contain}.clock-workspace>p{position:absolute;padding:8px;background:#fff;color:#333}.clock-panel{padding:10px;background:#333;color:#eee;overflow-y:auto}.clock-panel>*{margin:0 0 5px}.clock-panel label{display:flex;align-items:center;gap:5px;min-height:20px;white-space:nowrap}.clock-panel input{flex:1;min-width:0}.clock-panel input[type=color]{flex:0 0 48px;height:24px}.clock-panel input[type=file]{width:140px}.clock-panel hr{border:0;border-top:1px dashed #bbb}.clock-face-grid,.clock-font-grid{display:grid;grid-template-columns:repeat(7,36px);grid-auto-rows:36px;justify-content:space-between;gap:2px}.clock-face-grid button,.clock-font-grid button{width:36px;height:36px;border:0;padding:0;background-color:#fff;cursor:pointer;color:#000}.clock-face-grid button[aria-pressed]{background-image:url(/zaixian/ZhongBiao/images/clock.jpg);background-size:108px auto}.clock-font-grid button[aria-pressed]{background-image:url(/zaixian/ZhongBiao/images/font.png)}.clock-face-grid button[aria-pressed=true],.clock-font-grid button[aria-pressed=true]{outline:2px solid #00cd66;outline-offset:-2px}.clock-angle{display:flex;gap:5px}.clock-angle label{flex:1;min-width:0}.clock-save{background:#0c6;color:#fff;border:0;padding:4px 8px;cursor:pointer}.clock-save:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.clock-tool{display:flex;flex-direction:column;height:auto}.clock-workspace{height:min(100vw,70vh)}.clock-panel{overflow:visible}}.schema-controls{display:flex;flex-direction:column;gap:1px}.poker-example{border-top:1px dashed #777;margin-top:10px;padding-top:8px}.poker-example h3{margin:0 0 10px;font-size:18px}.canvas-frame canvas.poker2{object-fit:contain;background:#fff}.poker-example img{display:block;width:100%;height:auto;margin-bottom:10px}.schema-textarea,.schema-input,.schema-file,.schema-select{display:grid;grid-template-columns:63px minmax(0,1fr);align-items:center;gap:5px;min-height:25px}.schema-textarea{align-items:start;padding-bottom:5px;border-bottom:1px dashed #777}.schema-textarea textarea{min-width:0;width:100%;min-height:56px;resize:vertical;border:0;background:#fff;text-align:center}.schema-input input,.schema-select select{min-width:0;width:100%;height:23px;border:0}.schema-file{margin:3px 0;padding:4px 0;border-top:1px dashed #777;border-bottom:1px dashed #777}.schema-file input{min-width:0;width:100%;font-size:11px}.schema-button{align-self:flex-start;margin:3px 0;padding:4px 8px;border:0;background:#f5f5f5;color:#222}.input-row input{min-width:0}.compact-link-row,.mini-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 0;border-bottom:1px dashed #777;color:#00ff83}.compact-link-row label{color:#eee}.compact-link-row input{max-width:105px;font-size:11px}.range{min-height:23px;display:grid;grid-template-columns:63px 35px minmax(0,1fr);align-items:center;gap:5px}.range>span{white-space:nowrap}.range input{min-width:0;height:18px;accent-color:#087ce6}.range output{padding:1px 3px;background:#efefef;color:#333;font-size:12px;text-align:center}.color-control{min-height:25px;display:grid;grid-template-columns:94px 50px;align-items:center}.color-control input{width:50px;height:23px;padding:1px;border:1px solid #aaa;background:#fff}.split-line{margin:4px 0;border-top:1px dashed #777}.mini-actions button{padding:3px 6px;border:0}.action-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;padding-top:7px;border-top:1px dashed #777}.action-row button{padding:6px 9px;border:0}.action-row select{min-width:92px}.action-row .capture-button{background:#ef5f00;color:#fff}.action-row .primary{background:#f60;color:#fff;font-weight:700}.action-row .gif-button{background:#e80072;color:#fff;font-weight:700}.action-row .compat-button{background:#575757;color:#fff}.animation-mode{display:grid;grid-template-columns:63px minmax(0,1fr);align-items:center;gap:5px;margin-top:5px;padding-top:6px;border-top:1px dashed #777}.animation-mode select{min-width:0;width:100%;height:25px}.compat-note{margin:5px 0 0;color:#ffd265;font-size:11px;line-height:1.4}.ps-note{margin:6px 0 0;color:#00ff83;font-size:11px}.more-search{display:grid;grid-template-columns:minmax(0,1fr) 94px;margin-top:4px}.more-search input,.more-search button{min-width:0;height:30px;border:0}.more-search input{padding:0 9px}.more-search button{background:#f60;color:#fff}.tool-mobile-header{display:none}@media(max-width:1100px){.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{font-size:16px}}@media(max-width:760px){.home-content{flex-direction:column}.home-spiral{width:100%;height:440px;padding:0 10px}.home{box-shadow:none}.utility{padding:6px 12px;font-size:11px}.utility span:last-child{display:none}.brand-row{min-height:64px;padding:9px 12px;gap:10px}.brand-row h1{font-size:25px}.brand-row p{font-size:11px}.search{width:55%}.search input{padding:8px}.search span{padding:8px;font-size:12px}nav{min-height:37px}nav a,nav strong{padding:10px 12px;font-size:12px}.intro{margin:7px 10px;padding:6px 8px;display:block;font-size:13px;line-height:1.5}.effect-grid{width:100%;padding:0 10px 8px;grid-template-columns:repeat(2,1fr);gap:5px 7px}.effect-grid button{height:34px;grid-template-columns:27px 1fr;padding:2px 5px}.effect-grid strong{font-size:14px}.effect-icon{font-size:18px}.ticker{margin:0 10px 9px;padding:9px 10px;font-size:14px}.feature-band{margin:0 10px 18px}.feature-list{grid-template-columns:1fr;gap:5px}footer{min-height:70px;padding:18px 12px;font-size:11px}.tool-shell{height:auto;min-height:100vh;display:flex;flex-direction:column}.tool-nav{display:none}.preview-pane{position:sticky;top:0;z-index:2;width:100%;height:auto;display:block;background:#aaa}.tool-mobile-header{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#202020;color:#fff}.tool-mobile-header button{border:0;background:transparent;color:#fff}.canvas-frame{width:100%;height:auto;aspect-ratio:1320/920}.controls{width:100%;height:auto;min-height:auto;padding:10px 12px 30px}.controls h1{margin-top:0}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Inter", "Microsoft YaHei", sans-serif;--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-500:oklch(55.4% .046 257.417);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--radius-3xl:1.5rem;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--font-display:"Outfit", "Microsoft YaHei", sans-serif}}@layer base,components;@layer utilities{.pointer-events-none{pointer-events:none!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}.top-4{top:calc(var(--spacing) * 4)!important}.right-4{right:calc(var(--spacing) * 4)!important}.bottom-10{bottom:calc(var(--spacing) * 10)!important}.left-1\/2{left:50%!important}.z-0{z-index:0!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.mx-auto{margin-inline:auto!important}.mt-2{margin-top:calc(var(--spacing) * 2)!important}.mt-3{margin-top:calc(var(--spacing) * 3)!important}.mt-4{margin-top:calc(var(--spacing) * 4)!important}.mt-6{margin-top:calc(var(--spacing) * 6)!important}.mt-8{margin-top:calc(var(--spacing) * 8)!important}.mt-10{margin-top:calc(var(--spacing) * 10)!important}.ml-1{margin-left:var(--spacing)!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-9{height:calc(var(--spacing) * 9)!important}.h-10{height:calc(var(--spacing) * 10)!important}.h-24{height:calc(var(--spacing) * 24)!important}.h-\[600px\]{height:600px!important}.h-full{height:100%!important}.w-9{width:calc(var(--spacing) * 9)!important}.w-24{width:calc(var(--spacing) * 24)!important}.w-40{width:calc(var(--spacing) * 40)!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\[440px\]{max-width:440px!important}.max-w-\[560px\]{max-width:560px!important}.max-w-\[1400px\]{max-width:1400px!important}.flex-1{flex:1!important}.shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x: -50% !important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}.scale-105{--tw-scale-x:105%!important;--tw-scale-y:105%!important;--tw-scale-z:105%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.scale-150{--tw-scale-x:150%!important;--tw-scale-y:150%!important;--tw-scale-z:150%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-center{justify-content:center!important}.gap-1{gap:var(--spacing)!important}.gap-6{gap:calc(var(--spacing) * 6)!important}.overflow-hidden{overflow:hidden!important}.rounded-3xl{border-radius:var(--radius-3xl)!important}.rounded-\[48px\]{border-radius:48px!important}.rounded-full{border-radius:3.40282e38px!important}.border{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-slate-100{border-color:var(--color-slate-100)!important}.border-slate-200\/40{border-color:#e2e8f066!important}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/40{border-color:color-mix(in oklab,var(--color-slate-200) 40%,transparent)!important}}.border-slate-200\/50{border-color:#e2e8f080!important}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/50{border-color:color-mix(in oklab,var(--color-slate-200) 50%,transparent)!important}}.border-slate-200\/60{border-color:#e2e8f099!important}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/60{border-color:color-mix(in oklab,var(--color-slate-200) 60%,transparent)!important}}.bg-\[\#0a152d\]{background-color:#0a152d!important}.bg-\[\#f9fafb\]{background-color:#f9fafb!important}.bg-white{background-color:var(--color-white)!important}.bg-white\/90{background-color:#ffffffe6!important}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)!important}}.object-contain{object-fit:contain!important}.object-cover{object-fit:cover!important}.p-2{padding:calc(var(--spacing) * 2)!important}.p-8{padding:calc(var(--spacing) * 8)!important}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)!important}.px-3{padding-inline:calc(var(--spacing) * 3)!important}.px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-5{padding-inline:calc(var(--spacing) * 5)!important}.px-6{padding-inline:calc(var(--spacing) * 6)!important}.px-7{padding-inline:calc(var(--spacing) * 7)!important}.px-8{padding-inline:calc(var(--spacing) * 8)!important}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)!important}.py-2{padding-block:calc(var(--spacing) * 2)!important}.py-3{padding-block:calc(var(--spacing) * 3)!important}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)!important}.py-8{padding-block:calc(var(--spacing) * 8)!important}.pt-12{padding-top:calc(var(--spacing) * 12)!important}.pr-6{padding-right:calc(var(--spacing) * 6)!important}.font-display{font-family:var(--font-display)!important}.font-sans{font-family:var(--font-sans)!important}.text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-\[12px\]{font-size:12px!important}.text-\[14px\]{font-size:14px!important}.text-\[42px\]{font-size:42px!important}.leading-\[1\.08\]{--tw-leading:1.08!important;line-height:1.08!important}.leading-\[1\.8\]{--tw-leading:1.8!important;line-height:1.8!important}.font-medium{--tw-font-weight:var(--font-weight-medium)!important;font-weight:var(--font-weight-medium)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.tracking-tight{--tw-tracking:var(--tracking-tight)!important;letter-spacing:var(--tracking-tight)!important}.whitespace-nowrap{white-space:nowrap!important}.text-\[\#0a1b33\]{color:#0a1b33!important}.text-\[\#64748b\]{color:#64748b!important}.text-slate-500{color:var(--color-slate-500)!important}.text-white{color:var(--color-white)!important}.opacity-0{opacity:0!important}.shadow-\[0_12px_40px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 12px 40px var(--tw-shadow-color,#00000014)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_40px_100px_-20px_rgba\(0\,0\,0\,0\.03\)\]{--tw-shadow:0 40px 100px -20px var(--tw-shadow-color,#00000008)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl))!important;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important;backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-transform{transition-property:transform,translate,scale,rotate!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.duration-500{--tw-duration:.5s!important;transition-duration:.5s!important}.duration-1000{--tw-duration:1s!important;transition-duration:1s!important}.select-none{-webkit-user-select:none!important;user-select:none!important}@media(hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%!important;--tw-scale-y:100%!important;--tw-scale-z:100%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1!important}.group-hover\:brightness-0:is(:where(.group):hover *){--tw-brightness:brightness(0%)!important;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.group-hover\:invert:is(:where(.group):hover *){--tw-invert:invert(100%)!important;filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)!important}.hover\:text-\[\#0a1b33\]:hover{color:#0a1b33!important}}@media(min-width:48rem){.md\:px-8{padding-inline:calc(var(--spacing) * 8)!important}.md\:px-16{padding-inline:calc(var(--spacing) * 16)!important}.md\:py-10{padding-block:calc(var(--spacing) * 10)!important}.md\:pt-16{padding-top:calc(var(--spacing) * 16)!important}.md\:text-\[15px\]{font-size:15px!important}.md\:text-\[56px\]{font-size:56px!important}}}body{background:#f9fafb}.epoch-landing{min-height:calc(100svh - 84px)}.epoch-landing :where(h1,h2,p,ul){margin:0}.epoch-landing :where(ul){padding:0;list-style:none}.epoch-landing :where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;background:0 0;border:0}.epoch-landing :where(button):focus-visible{outline-offset:4px;outline:2px solid #2563eb}.epoch-landing :where(img,video){display:block}.epoch-landing :where(button,span,nav,div,li){border-style:solid;border-width:0}.epoch-landing #guide{scroll-margin-top:84px}.epoch-marquee-track{will-change:transform;animation:36s linear infinite epoch-marquee}.epoch-marquee:hover .epoch-marquee-track{animation-play-state:paused}@keyframes epoch-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.epoch-contact{color:#0a1b33;border:1px solid #e2e8f0;border-radius:24px;width:min(400px,100vw - 40px);padding:0;box-shadow:0 24px 80px #0a152d26}.epoch-contact::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a152d33}@media(max-width:380px){.epoch-landing nav{transform-origin:bottom;scale:.85}}@media(prefers-reduced-motion:reduce){.epoch-marquee-track{will-change:auto;animation:none}.epoch-marquee{overflow-x:auto!important}.epoch-marquee-track ul[aria-hidden=true]{display:none}.epoch-landing *,.epoch-landing :before,.epoch-landing :after{transition-duration:0s!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}