:root{color:#1d1b18;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f1ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.home-page{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 56px}.home-nav{justify-content:space-between;align-items:center;gap:18px;min-height:56px;display:flex}.home-nav nav{align-items:center;gap:10px;display:flex}.home-nav nav a,.home-nav nav .language-button{color:#1d1b18;text-align:center;border:1px solid #ddd6cc;border-radius:8px;min-width:92px;padding:9px 12px;font-size:13px;font-weight:700;text-decoration:none}.home-hero{grid-template-columns:minmax(0,.95fr) minmax(360px,.75fr);align-items:center;gap:34px;min-height:calc(100vh - 118px);padding:38px 0;display:grid}.home-eyebrow{color:#6f675d;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:800;display:inline-flex}.home-hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(44px,7vw,92px);line-height:.94}.home-hero-copy>p:last-of-type{color:#71695f;max-width:660px;margin:22px 0 0;font-size:18px;line-height:1.65}.home-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.home-primary,.home-secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-weight:800;text-decoration:none;display:inline-flex}.home-primary{color:#fffdfa;background:#1d1b18}.home-secondary{color:#1d1b18;background:#fffdfa;border:1px solid #d8d1c7}.hero-showcase{grid-template-columns:1fr 1fr;gap:12px;display:grid}.showcase-stage{background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;min-height:188px;position:relative;overflow:hidden;box-shadow:0 20px 70px #4c3c261a}.showcase-text{grid-column:1/-1;place-items:center;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(40px,7vw,82px);line-height:.85;display:grid}.showcase-text span{animation:2.8s cubic-bezier(.2,.8,.2,1) infinite title-slide;display:block}.showcase-text span:nth-child(2){color:#3457d5;animation-delay:.1s}.showcase-map{background-color:#fffdfa;background-image:linear-gradient(90deg,#1d1b1814 1px,#0000 1px),linear-gradient(#1d1b1814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;display:grid}.showcase-route{transform-origin:0;background:#c95f3f;border-radius:999px;width:64%;height:4px;animation:2.6s ease-in-out infinite route-reveal;position:absolute;top:48%;left:18%}.showcase-pin{background:#c95f3f;border-radius:50% 50% 50% 0;width:16px;height:16px;animation:2.6s ease-in-out infinite pin-drop;position:absolute;transform:rotate(-45deg)}.showcase-pin.a{top:39%;left:16%}.showcase-pin.b{animation-delay:.5s;top:39%;right:16%}.showcase-map strong{position:absolute;bottom:18px}.showcase-table{grid-template-columns:repeat(3,1fr);padding:18px;display:grid}.showcase-table span{border-bottom:1px solid #1d1b18;border-right:1px solid #1d1b18;place-items:center;animation:2.8s ease-in-out infinite cell-pulse;display:grid}.home-section{margin-top:34px}.home-section-head span,.home-demo-band>div:first-child span{color:#837a70;font-size:13px;font-weight:800}.home-section h2{max-width:760px;margin:8px 0 18px;font-size:clamp(30px,4vw,54px);line-height:1}.home-template-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.home-template-card{color:#1d1b18;background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;align-content:start;gap:0;min-height:210px;padding:18px;text-decoration:none;display:grid;position:relative;overflow:hidden}.home-template-card>svg{z-index:1;position:relative}.home-template-card span{z-index:1;color:#837a70;margin-top:18px;font-size:13px;font-weight:800;display:block;position:relative}.home-template-card strong{z-index:1;margin-top:6px;font-size:24px;display:block;position:relative}.home-template-card p{z-index:1;color:#70685f;line-height:1.55;position:relative}.template-card-preview{background:#f4f1ec;border:1px solid #1d1b181a;border-radius:8px;width:112px;height:72px;position:absolute;top:14px;right:14px;overflow:hidden}.template-card-preview i,.template-card-preview b{font-style:normal}.preview-type{justify-content:center;align-items:center;gap:1px;font-family:Archivo Black,Inter,sans-serif;font-size:16px;display:flex}.preview-type i{animation:2.2s ease-in-out infinite preview-type-pop;animation-delay:calc(var(--i) * 60ms)}.preview-space{perspective:360px;place-items:center;display:grid}.preview-space i{opacity:.9;transform:rotateY(calc(var(--i) * 51deg)) translateZ(42px);font-family:Archivo Black,Inter,sans-serif;font-size:14px;animation:3.4s linear infinite preview-space-spin;position:absolute}.preview-map{background-color:#fffdfa;background-image:linear-gradient(90deg,#1d1b1814 1px,#0000 1px),linear-gradient(#1d1b1814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.preview-route{transform-origin:0;background:#c95f3f;border-radius:999px;width:64%;height:3px;animation:2.4s ease-in-out infinite route-reveal;position:absolute;top:50%;left:18%}.preview-pin{background:#c95f3f;border-radius:50% 50% 50% 0;width:12px;height:12px;animation:2.4s ease-in-out infinite pin-drop;position:absolute;transform:rotate(-45deg)}.preview-pin.start{top:39%;left:14%}.preview-pin.end{animation-delay:.4s;top:39%;right:14%}.preview-table{grid-template-columns:repeat(3,1fr);padding:10px;display:grid}.preview-table i{border-bottom:1px solid #1d1b18;border-right:1px solid #1d1b18;animation:2.6s ease-in-out infinite cell-pulse}.preview-table i:nth-child(3n){border-right:none}.preview-title{place-content:center;gap:2px;font-family:Archivo Black,Inter,sans-serif;font-size:22px;line-height:.85;display:grid}.preview-title b{animation:2.5s cubic-bezier(.2,.8,.2,1) infinite title-slide}.preview-title b:nth-child(2){color:#3457d5;animation-delay:80ms}.home-gallery-section{gap:28px;margin-top:72px;display:grid}.home-gallery-head span{color:#837a70;font-size:13px;font-weight:800}.home-gallery-head h2{max-width:900px;margin:8px 0 0;font-size:clamp(34px,5vw,70px);line-height:.96}.motion-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.motion-gallery-card{color:#17171f;isolation:isolate;background:#fffdfa;border:1px solid #e1ddd6;border-radius:8px;place-items:center;height:clamp(230px,24vw,340px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 64px #4c3c2614}.motion-gallery-card:nth-child(-n+3){animation:8s ease-in-out infinite gallery-row-slide-a}.motion-gallery-card:nth-child(n+4){animation:8s ease-in-out -4s infinite gallery-row-slide-b}.motion-gallery-card>span{z-index:5;color:#17171f;opacity:0;background:#ffffffc2;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:16px;left:18px;transform:translateY(8px)}.motion-gallery-card:hover>span{opacity:1;transform:translateY(0)}.gallery-route,.gallery-algorithm,.gallery-cylinder{color:#fffdfa;background:#050505}.gallery-split{background:#f4eddf}.gallery-decoder{background:#fff}.gallery-grid{background-color:#f7f1e4;background-image:linear-gradient(90deg,#1d1b1812 1px,#0000 1px),linear-gradient(#1d1b1812 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.gallery-route-grid{opacity:.55;background-color:#0000;background-image:linear-gradient(90deg,#ffffff17 1px,#0000 1px),linear-gradient(#ffffff17 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.gallery-route-line{transform-origin:0;background:#ff5d3d;border-radius:999px;width:64%;height:4px;animation:3s ease-in-out infinite gallery-route-trace;position:absolute;top:48%;left:18%;box-shadow:0 0 20px #ff5d3dcc}.gallery-route-pin{z-index:1;background:#ff5d3d;border-radius:50% 50% 50% 0;width:22px;height:22px;animation:3s ease-in-out infinite demo-pin-hit;position:absolute;transform:rotate(-45deg);box-shadow:0 0 20px #ff5d3dcc}.gallery-route-pin.a{top:41%;left:15%}.gallery-route-pin.b{animation-delay:.45s;top:41%;right:15%}.gallery-route-label{font-size:clamp(24px,3vw,42px);line-height:1;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.gallery-split-title{white-space:pre-line;max-width:68%;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(38px,4.2vw,64px);line-height:.92;animation:3.2s cubic-bezier(.2,.8,.2,1) infinite gallery-split-title}.gallery-decoder-panel>small{color:#ffffffb8;text-align:center;letter-spacing:.18em;margin-bottom:10px;font-size:8px;font-weight:900;display:block}.gallery-decoder-panel{background:linear-gradient(#4b4d58,#252734);border-radius:5px;width:64%;padding:14px 16px;box-shadow:0 12px 36px #12121852,inset 0 0 0 1px #ffffff1f}.gallery-decoder-panel>div{grid-template-columns:repeat(15,1fr);gap:4px;display:grid}.gallery-decoder-panel b{color:#f4f1ec;min-height:26px;animation:3s step-end infinite gallery-decoder-fade;animation-delay:calc(var(--i) * 25ms);background:linear-gradient(#2c2d35,#0f1016);border-radius:3px;place-items:center;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:1;display:grid;box-shadow:inset 0 -8px 12px #0000006b}.gallery-algorithm{place-items:center;font-family:IBM Plex Mono,monospace;display:grid}.gallery-algorithm span{letter-spacing:.02em;animation:3.1s step-end infinite gallery-algorithm-shuffle;animation-delay:calc(var(--i) * .12s);font-size:clamp(16px,2vw,26px);font-weight:800;position:absolute}.gallery-grid-build{border:1px solid #1d1b18c2;grid-template-columns:repeat(5,minmax(0,1fr));width:78%;display:grid}.gallery-grid-build span{min-height:42px;animation:3s ease-in-out infinite gallery-grid-build;animation-delay:calc(var(--i) * 70ms);border-bottom:1px solid #1d1b18c2;border-right:1px solid #1d1b18c2;place-items:center;font-weight:850;display:grid}.gallery-grid-build span:nth-child(5n){border-right:none}.gallery-cylinder{--space-depth:120px;perspective:700px;width:80%;height:80%;transform-style:preserve-3d;place-items:center;animation:4s linear infinite space-spin;display:grid}.gallery-cylinder span{text-shadow:0 0 20px #ffffff52;transform:rotateY(var(--angle)) translateZ(var(--space-depth));font-family:Archivo Black,Inter,sans-serif;font-size:clamp(24px,3.3vw,44px);line-height:1;position:absolute}.home-demo-band{background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;grid-template-columns:.8fr 1.2fr;align-items:start;gap:18px;padding:28px;display:grid}.case-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.case-card{background:#f4f1ec;border:1px solid #ddd6cc;border-radius:8px;align-content:end;min-height:190px;padding:16px;display:grid;position:relative;overflow:hidden}.case-card strong{z-index:1;font-size:20px;display:block;position:relative}.case-card p{z-index:1;color:#71695f;line-height:1.55;position:relative}.case-motion{color:#1d1b18;height:92px;position:absolute;inset:14px 14px auto}.case-motion-title{align-content:center;gap:2px;font-family:Archivo Black,Inter,sans-serif;font-size:34px;line-height:.86;display:grid}.case-motion-title span{animation:2.8s cubic-bezier(.2,.8,.2,1) infinite case-title-split}.case-motion-title span:nth-child(2){color:#3457d5;animation-delay:80ms}.case-motion-data{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;display:grid}.case-motion-data i{background:#fffdfaa6;border:1px solid #1d1b1833;border-radius:6px 6px 0 0;align-items:end;height:84px;display:flex}.case-motion-data span{transform-origin:bottom;width:100%;animation:2.8s ease-in-out infinite case-bar-rise;animation-delay:calc(var(--i) * 80ms);background:#4a6;border-radius:5px 5px 0 0}.case-motion-location{background-color:#0000;background-image:linear-gradient(90deg,#1d1b1814 1px,#0000 1px),linear-gradient(#1d1b1814 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.case-route{transform-origin:0;background:#c95f3f;border-radius:999px;width:76%;height:4px;animation:2.8s ease-in-out infinite route-reveal;position:absolute;top:46%;left:12%}.case-dot{background:#fffdfa;border:3px solid #c95f3f;border-radius:50%;width:14px;height:14px;animation:2.8s ease-in-out infinite case-dot-pulse;position:absolute}.case-dot.a{top:39%;left:10%}.case-dot.b{animation-delay:.35s;top:39%;left:48%}.case-dot.c{animation-delay:.7s;top:39%;right:8%}.case-title{background:linear-gradient(135deg,#fffdfa 0%,#f1ebe1 100%)}.case-data{background:linear-gradient(135deg,#fffdfa 0%,#e9f1ee 100%)}.case-location{background:linear-gradient(135deg,#fffdfa 0%,#f5e7df 100%)}.home-feature-strip{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.home-feature-strip div{background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;align-items:center;gap:9px;min-height:54px;padding:12px;font-weight:750;display:flex}.site-footer{border-top:1px solid #d8d1c7;margin-top:56px;padding-top:34px}.footer-updates{background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:22px;padding:28px;display:grid}.footer-updates span,.footer-contact span{color:#837a70;font-size:13px;font-weight:800}.footer-updates h2{max-width:360px;margin:8px 0 0;font-size:clamp(28px,4vw,46px);line-height:1}.footer-update-list{gap:10px;display:grid}.footer-update-list article{border-bottom:1px solid #ece5dc;grid-template-columns:86px minmax(0,1fr);gap:6px 14px;padding:14px 0;display:grid}.footer-update-list article:last-child{border-bottom:none}.footer-update-list time{color:#8a8278;grid-row:span 2;font-size:12px;font-weight:800}.footer-update-list strong{font-size:17px}.footer-update-list p,.footer-brand p,.footer-contact p{color:#71695f;margin:0;line-height:1.55}.footer-main{grid-template-columns:minmax(220px,.9fr) minmax(180px,.75fr) minmax(320px,1.4fr);gap:22px;padding:26px 0 0;display:grid}.footer-brand,.footer-contact{align-content:start;gap:12px;display:grid}.footer-mail{color:#1d1b18;align-items:center;gap:8px;font-weight:800;text-decoration:none;display:inline-flex}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.footer-links div{align-content:start;gap:10px;display:grid}.footer-links strong{font-size:14px}.footer-links a{color:#70685f;font-size:14px;font-weight:650;text-decoration:none}.info-page{width:min(880px,100% - 32px);margin:0 auto;padding:28px 0 64px}.info-page header{border-bottom:1px solid #ddd6cc;gap:24px;padding-bottom:28px;display:grid}.info-nav{justify-content:space-between;align-items:center;gap:16px;display:flex}.info-page h1{max-width:720px;margin:0;font-size:clamp(42px,8vw,82px);line-height:.95}.info-page .lede{color:#71695f;max-width:680px;margin:14px 0 0;font-size:18px;line-height:1.65}.info-content{gap:18px;margin-top:28px;display:grid}.info-block{background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;padding:22px}.info-block h2{margin:0 0 10px;font-size:22px}.info-block p,.info-block li{color:#71695f;line-height:1.65}.info-block ul{margin:0;padding-left:20px}.info-block a{color:#1d1b18;font-weight:800}.space-mode-list{grid-template-columns:1fr}.space-mode-list button small{color:#837a70;margin-top:4px;font-size:11px;line-height:1.35;display:block}.preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-grid button{cursor:pointer;background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;min-height:38px;padding:8px 10px;font-size:12px;font-weight:700}.parameter-group{background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;gap:12px;padding:14px;display:grid}.parameter-group h3{margin:0;font-size:14px}.checkbox-row{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.checkbox-row input{accent-color:#1d1b18;width:20px;height:20px}.space-preview{--space-depth:180px;--space-speed:3s;letter-spacing:0;width:84%;height:84%;transform-style:preserve-3d;perspective:900px;place-items:center;font-family:Archivo Black,Space Grotesk,Inter,sans-serif;font-weight:900;display:grid;position:relative}.space-preview span{white-space:nowrap;backface-visibility:visible;will-change:transform, opacity;line-height:1;display:inline-block;position:absolute}.space-preview-cylinder{animation:space-spin var(--space-speed) linear infinite}.space-preview-cylinder span{transform:rotateY(var(--angle)) translateZ(var(--space-depth))}.space-preview-field span{animation:space-field var(--space-speed) ease-in-out infinite;animation-delay:calc(var(--i) * -.08s)}.space-preview-flag span,.space-preview-stripes span{width:max-content;animation:space-stripe var(--space-speed) ease-in-out infinite;animation-delay:calc(var(--i) * -.09s);transform:translateY(calc((var(--i) - 10) * 1.2em));display:block;position:relative}.space-preview-flag span{transform-origin:0;animation-name:space-flag}.space-preview-coil{animation:space-spin calc(var(--space-speed) * 1.25) linear infinite reverse}.space-preview-coil span{transform:rotate(var(--coil-rot)) translateX(var(--coil-x)) rotateY(var(--coil-y)) translateZ(100px)}.space-preview-cascade span{animation:space-cascade var(--space-speed) ease-in-out infinite;animation-delay:calc(var(--i) * -.06s)}.template-index-page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 56px}.template-index-page header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.template-index-titlebar{align-items:center;gap:12px;display:flex}.template-index-page h1{margin:0;font-size:42px}.template-index-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.template-index-card{color:#1d1b18;background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;min-height:150px;padding:18px;text-decoration:none}.template-index-card span{color:#837a70;font-size:13px;font-weight:700}.template-index-card strong{margin-top:16px;font-size:24px;display:block}.template-index-card p{color:#746d64;line-height:1.5}.category-preview{place-items:center;width:86%;height:82%;display:grid;position:relative;overflow:hidden}.category-watermark{color:var(--accent);opacity:.08;position:absolute}.map-preview{border:1px solid color-mix(in srgb, currentColor 14%, transparent);background:radial-gradient(circle at 26% 38%, color-mix(in srgb, var(--accent) 20%, transparent) 0 16%, transparent 17%), radial-gradient(circle at 72% 56%, color-mix(in srgb, currentColor 10%, transparent) 0 19%, transparent 20%), linear-gradient(135deg, #ffffff4d, transparent 60%);width:min(82%,760px);height:68%;min-height:220px;transform:scale(var(--map-zoom));transform-origin:50%;border-radius:8px;animation:4.2s ease-in-out infinite map-camera;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff52}.map-grid{background:linear-gradient(90deg, color-mix(in srgb, currentColor 18%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, currentColor 18%, transparent) 1px, transparent 1px);opacity:.45;background-size:42px 42px;position:absolute;inset:0}.map-land{border:1px solid color-mix(in srgb, currentColor 18%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);opacity:.55;border-radius:48% 52% 45% 55%;position:absolute}.land-a{width:32%;height:38%;top:12%;left:8%;transform:rotate(-12deg)}.land-b{width:28%;height:46%;top:22%;right:11%;transform:rotate(18deg)}.land-c{width:22%;height:24%;bottom:10%;left:36%;transform:rotate(8deg)}.map-route-svg{width:88%;height:76%;position:absolute;inset:6%;overflow:visible}.map-route-svg polyline{fill:none;stroke:var(--accent);stroke-dasharray:var(--map-path-length) 120;stroke-dashoffset:120px;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px;filter:drop-shadow(0 5px 12px color-mix(in srgb, var(--accent) 30%, transparent));animation:3s ease-in-out infinite route-draw}.map-route{width:var(--map-path-length);background:linear-gradient(90deg, transparent, var(--accent), transparent);transform-origin:0;border-radius:999px;height:4px;animation:2.4s ease-in-out infinite route-reveal;position:absolute;top:50%;left:10%}.pin{z-index:2;background:var(--accent);width:20px;height:20px;box-shadow:0 9px 22px color-mix(in srgb, var(--accent) 35%, transparent);animation:2.4s ease-in-out infinite pin-drop;animation-delay:calc(var(--pin-index) * .14s);border-radius:50% 50% 50% 0;position:absolute;transform:translate(-50%,-100%)rotate(-45deg)}.pin:after{content:"";background:#fffdfa;border-radius:50%;position:absolute;inset:5px}.pin em{background:color-mix(in srgb, currentColor 88%, transparent);color:#fffdfa;opacity:0;min-width:max-content;animation:2.4s ease-in-out infinite map-label;animation-delay:calc(var(--pin-index) * .14s + .24s);border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:750;position:absolute;top:-10px;left:18px;transform:rotate(45deg)}.map-focus-ring{aspect-ratio:1;border:2px solid var(--accent);opacity:0;border-radius:50%;width:32%;animation:2.6s ease-in-out infinite region-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.map-preview strong{z-index:3;background:color-mix(in srgb, currentColor 88%, transparent);color:#fffdfa;text-overflow:ellipsis;white-space:nowrap;text-align:center;border-radius:8px;width:max-content;max-width:84%;margin:auto;padding:8px 12px;font-size:clamp(16px,2vw,32px);position:absolute;bottom:14px;left:0;right:0;overflow:hidden}.map-template-pin-drop .map-route,.map-template-pin-drop .map-route-svg{opacity:.16}.map-template-pin-drop .pin{animation-name:pin-bounce}.map-template-region-pulse .map-route,.map-template-region-pulse .map-route-svg{opacity:.12}.map-template-region-pulse .map-land{animation:2.6s ease-in-out infinite land-pulse}.map-template-region-pulse .land-b{animation-delay:.35s}.map-template-region-pulse .land-c{animation-delay:.7s}.map-template-region-pulse .pin{opacity:.55}.map-template-zoom-tour{animation-name:map-tour}.map-template-zoom-tour .map-focus-ring{opacity:.9;animation-name:tour-ring}.map-template-zoom-tour .map-route{opacity:0}.table-preview{border:1px solid;grid-template-columns:repeat(4,minmax(54px,1fr));width:min(76%,680px);display:grid}.table-preview span{border-bottom:1px solid;border-right:1px solid;min-height:54px;padding:10px;animation:2.8s ease-in-out infinite cell-pulse}.table-preview span:nth-child(3n){background:color-mix(in srgb, var(--accent) 20%, transparent)}.title-preview{text-align:center;text-transform:uppercase;gap:8px;font-family:Archivo Black,Inter,sans-serif;font-size:clamp(40px,7vw,96px);line-height:.9;display:grid}.title-preview span{animation:2.6s cubic-bezier(.2,.8,.2,1) infinite title-slide}.title-preview span:nth-child(2){color:var(--accent);animation-delay:80ms}@keyframes route-reveal{0%,18%{transform:scaleX(0)}60%,to{transform:scaleX(1)}}@keyframes route-draw{0%,18%{stroke-dashoffset:120px}62%,to{stroke-dashoffset:0}}@keyframes pin-drop{0%,20%{opacity:0;transform:translate(-50%,calc(-100% - 34px))rotate(-45deg)}45%,to{opacity:1;transform:translate(-50%,-100%)rotate(-45deg)}}@keyframes pin-bounce{0%,18%{opacity:0;transform:translate(-50%,calc(-100% - 58px))rotate(-45deg)scale(.8)}38%{opacity:1;transform:translate(-50%,-86%)rotate(-45deg)scale(1.12)}54%,to{opacity:1;transform:translate(-50%,-100%)rotate(-45deg)scale(1)}}@keyframes map-label{0%,30%{opacity:0;transform:rotate(45deg)translateY(8px)}52%,88%{opacity:1;transform:rotate(45deg)translateY(0)}to{opacity:0;transform:rotate(45deg)translateY(-5px)}}@keyframes region-pulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}45%{opacity:.75;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)}}@keyframes land-pulse{0%,to{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:none;opacity:.5}48%{background:color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:0 0 0 18px color-mix(in srgb, var(--accent) 9%, transparent);opacity:.95}}@keyframes map-camera{0%,to{transform:scale(var(--map-zoom)) translate3d(0, 0, 0)}50%{transform:scale(var(--map-zoom)) translate3d(-1.5%, 1%, 0)}}@keyframes map-tour{0%,to{transform:scale(var(--map-zoom)) translate3d(5%, 3%, 0)}50%{transform:scale(calc(var(--map-zoom) + .18)) translate3d(-5%, -2%, 0)}}@keyframes tour-ring{0%,to{opacity:.2;top:38%;left:28%;transform:translate(-50%,-50%)scale(.72)}50%{opacity:.9;top:56%;left:72%;transform:translate(-50%,-50%)scale(1)}}@keyframes cell-pulse{0%,to{background:0 0}45%{background:color-mix(in srgb, var(--accent) 28%, transparent)}}@keyframes title-slide{0%{opacity:0;transform:translateY(28px)}28%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@keyframes preview-type-pop{0%,12%{opacity:0;transform:translateY(18px)scale(.8)}34%,78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes preview-space-spin{0%{transform:rotateY(calc(var(--i) * 51deg)) translateZ(42px) rotateY(0deg)}to{transform:rotateY(calc(var(--i) * 51deg + 360deg)) translateZ(42px) rotateY(-360deg)}}@keyframes gallery-route-trace{0%,16%{opacity:0;clip-path:inset(0 100% 0 0)}46%,82%{opacity:1;clip-path:inset(0)}to{opacity:.35;clip-path:inset(0 0 0 100%)}}@keyframes gallery-row-slide-a{0%,to{transform:translate(0)}50%{transform:translate(-22px)}}@keyframes gallery-row-slide-b{0%,to{transform:translate(0)}50%{transform:translate(22px)}}@keyframes gallery-split-title{0%,16%{opacity:0;transform:translate(-44px)scale(.96)}34%,78%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(34px)scale(1.02)}}@keyframes gallery-decoder-fade{0%,18%{color:#0000;transform:rotateX(90deg)}32%,82%{color:#f4f1ec;transform:rotateX(0)}to{color:#f4f1ec57;transform:rotateX(-90deg)}}@keyframes gallery-algorithm-shuffle{0%,16%{opacity:0;transform:translateX(-120px) translateY(calc((var(--i) - 3) * 22px)) scaleX(1.8)}36%,78%{opacity:1;transform:translateX(0) translateY(calc((var(--i) - 3) * 22px)) scaleX(1)}to{opacity:0;transform:translateX(120px) translateY(calc((var(--i) - 3) * 22px)) scaleX(.8)}}@keyframes gallery-grid-build{0%,18%{opacity:0;background:0 0;transform:scaleX(0)}46%,82%{opacity:1;background:#ffdd0047;transform:scaleX(1)}to{opacity:.4;background:0 0;transform:scaleX(1)}}@keyframes case-title-split{0%,15%{opacity:0;transform:translate(-36px)}35%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes case-bar-rise{0%,18%{transform:scaleY(.12)}46%,82%{transform:scaleY(1)}to{transform:scaleY(.38)}}@keyframes case-dot-pulse{0%,24%{opacity:0;transform:scale(.4)}45%,to{opacity:1;transform:scale(1)}}@keyframes fallback-preview-loop{0%,14%{opacity:0;transform:translateY(42px)}34%,78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes fallback-typewriter-loop{0%,16%{opacity:0}28%,82%{opacity:1}to{opacity:0}}@keyframes fallback-flip-loop{0%,14%{opacity:0;transform:rotateX(92deg)translateY(22px)}36%,78%{opacity:1;transform:rotateX(0)translateY(0)}to{opacity:0;transform:rotateX(-42deg)translateY(-16px)}}@keyframes fallback-scale-loop{0%,14%{opacity:0;transform:scale(.2)}36%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}@keyframes fallback-blur-loop{0%,14%{opacity:0;filter:blur(16px);transform:translateY(20px)}36%,78%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(10px);transform:translateY(-14px)}}@keyframes demo-sweep{0%,36%{transform:translate(-120%)skew(-18deg)}62%,to{transform:translate(120%)skew(-18deg)}}@keyframes text-demo-strike{0%,18%{opacity:0;transform:rotate(-8deg)scaleX(0)}36%,74%{opacity:1;transform:rotate(-8deg)scaleX(1)}to{opacity:0;transform:rotate(-8deg)scaleX(1)}}@keyframes text-demo-ring{0%,25%{opacity:0;transform:scale(.35)}52%,to{opacity:.6;transform:scale(1.45)}}@keyframes text-demo-impact{0%,12%{opacity:0;transform:translateY(32px)scale(1.7)}30%,76%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.9)}}@keyframes text-demo-flip{0%,14%{opacity:0;transform:rotateX(110deg)translateY(20px)}36%,76%{opacity:1;transform:rotateX(0)translateY(0)}to{opacity:0;transform:rotateX(-60deg)translateY(-14px)}}@keyframes text-demo-blur{0%,14%{opacity:0;filter:blur(16px);transform:translate(-34px)}36%,78%{opacity:1;filter:blur();transform:translate(0)}to{opacity:0;filter:blur(12px);transform:translate(28px)}}@keyframes text-demo-spin{0%,14%{opacity:0;transform:rotate(-220deg)scale(.25)}38%,78%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(90deg)scale(.8)}}@keyframes text-demo-scale{0%,14%{opacity:0;transform:scale(.12)}34%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes text-demo-track{0%,14%{opacity:0;letter-spacing:-.35em;transform:translate(-12px)}38%,78%{opacity:1;letter-spacing:0;transform:translate(0)}to{opacity:0;letter-spacing:.28em;transform:translate(12px)}}@keyframes demo-pin-hit{0%,18%{opacity:0;transform:translateY(-34px)rotate(-45deg)scale(.7)}38%{opacity:1;transform:translateY(0)rotate(-45deg)scale(1.25)}58%,to{opacity:1;transform:translateY(0)rotate(-45deg)scale(1)}}@keyframes demo-map-camera{0%,to{transform:scale(1)translate(0,0)}50%{transform:scale(1.12)translate(-4px,3px)}}@keyframes table-demo-hit{0%,16%{opacity:.25;transform:scale(.94)}34%,72%{opacity:1;color:#12100e;background:#fd0;transform:scale(1)}to{opacity:.35;transform:scale(.96)}}@keyframes table-demo-rank{0%,18%{transform:translateY(20px)}42%,78%{transform:translateY(calc((var(--i) - 6) * -1px));background:#4a6}to{transform:translateY(-16px)}}@keyframes table-demo-count{0%,18%{opacity:.25;transform:scaleY(.2)}42%,82%{opacity:1;background:#48f;transform:scaleY(1)}to{opacity:.35;transform:scaleY(.45)}}@keyframes table-demo-build{0%,18%{opacity:0;transform:scaleX(0)}46%,82%{opacity:1;transform:scaleX(1)}to{opacity:.35;transform:scaleX(1)}}@keyframes title-demo-slam{0%,14%{opacity:0;transform:translate(-44px)scale(1.3)}34%,76%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(28px)scale(.95)}}@keyframes title-demo-wipe{0%,24%{transform:scaleX(0)}44%,84%{transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes title-demo-stamp{0%,18%{opacity:0;transform:rotate(-12deg)scale(2.2)}38%,78%{opacity:1;transform:rotate(-4deg)scale(1)}to{opacity:0;transform:rotate(4deg)scale(.82)}}@keyframes title-demo-stack{0%,16%{opacity:0;transform:translateY(28px)}42%,78%{opacity:1;transform:translateY(calc(var(--i,0) * -4px))}to{opacity:0;transform:translateY(-22px)}}@keyframes demo-space-field{0%,to{opacity:.28;transform:translateX(var(--x)) translateY(12px) translateZ(0) rotateX(0deg)}50%{opacity:1;transform:translateX(var(--x)) translateY(-8px) translateZ(58px) rotateX(58deg)}}@keyframes demo-space-stripe{0%,to{transform:translateX(-28%) translateY(var(--row-y))}50%{transform:translateX(22%) translateY(var(--row-y))}}@keyframes demo-space-flag{0%,to{transform:translateY(var(--row-y)) rotateY(-34deg)}50%{transform:translateY(var(--row-y)) rotateY(42deg) translateZ(42px)}}@keyframes demo-space-cascade{0%,to{opacity:.2;transform:translateY(var(--cascade-y)) translateZ(var(--z)) rotateX(-24deg)}50%{opacity:1;transform:translateY(0)translateZ(58px)rotateX(54deg)}}@keyframes space-spin{0%{transform:rotateX(-10deg)rotateY(0)}to{transform:rotateX(-10deg)rotateY(360deg)}}@keyframes space-field{0%,to{transform:translateX(var(--x)) translateY(0) translateZ(0) rotateX(0deg)}50%{transform:translateX(var(--x)) translateY(34px) translateZ(var(--space-depth)) rotateX(55deg)}}@keyframes space-stripe{0%,to{transform:translateX(-18%) translateY(var(--row-y))}50%{transform:translateX(18%) translateY(var(--row-y))}}@keyframes space-flag{0%,to{transform:translateY(var(--row-y)) rotateY(-18deg) translateZ(0)}50%{transform:translateY(var(--row-y)) rotateY(36deg) translateZ(55px)}}@keyframes space-cascade{0%,to{opacity:.2;transform:translateY(var(--cascade-y)) translateZ(var(--z)) rotateX(0deg)}50%{opacity:1;transform:translateY(42%) translateZ(var(--space-depth)) rotateX(55deg)}}*{box-sizing:border-box}body{background:#f4f1ec;min-width:320px;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.workspace-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.workspace-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f4eb;border-bottom:1px solid #dfd9cf;grid-template-columns:260px 1fr auto;align-items:center;gap:18px;min-height:68px;padding:12px 18px;display:grid}.brand{color:#1d1b18;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand img{width:34px;height:34px}.header-title{justify-items:center;gap:2px;display:grid}.header-title strong{font-size:14px}.header-title span{color:#7b746b;font-size:12px}.language-button,.primary-button,.download-button{cursor:pointer;background:#fffdfa;border:1px solid #d8d1c7;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.language-button{min-width:84px;padding:8px 12px}.template-workspace{grid-template-columns:78px 340px minmax(0,1fr);gap:0;min-height:calc(100vh - 68px);display:grid}.settings-tabs{background:#ede8df;border-right:1px solid #dfd9cf;align-content:start;gap:6px;padding:12px 8px;display:grid}.settings-tabs button{color:#746d64;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-items:center;gap:5px;min-height:62px;padding:8px 5px;display:grid}.settings-tabs button span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;font-size:11px;font-weight:650;overflow:hidden}.settings-tabs button.active{color:#1d1b18;background:#fffdfa;border-color:#d6cbbd;box-shadow:0 8px 22px #48372014}.settings-panel{background:#fbfaf7;border-right:1px solid #dfd9cf;padding:18px}.panel-heading{margin-bottom:18px}.panel-heading span,label span,.label-text{color:#8a8278;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.panel-heading strong{letter-spacing:0;font-size:22px}.panel-section{gap:16px;display:grid}textarea,select{color:#1d1b18;background:#fffdfa;border:1px solid #d8d1c7;border-radius:8px;outline:none;width:100%}select{height:42px;padding:0 12px}textarea{resize:vertical;min-height:126px;padding:11px 12px;line-height:1.45}textarea:focus,select:focus{border-color:#9a8f80;box-shadow:0 0 0 3px #9a8f8024}.template-list{grid-template-columns:1fr 1fr;gap:8px;max-height:calc(100vh - 210px);padding-right:2px;display:grid;overflow:auto}.template-list button,.segmented button,.icon-segmented button,.size-list button{cursor:pointer;background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px}.template-list button{text-align:left;gap:7px;min-height:132px;padding:9px 10px;display:grid;overflow:hidden}.template-list button span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;display:block;overflow:hidden}.template-list button.active,.segmented button.active,.icon-segmented button.active,.size-list button.active,.font-preset-grid button.active,.swatch-grid button.active,.gradient-grid button.active,.multi-grid button.active{background:#f1ebe1;border-color:#1d1b18}.subtemplate-demo{color:#fffdfa;pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 42%),#12100e;border:1px solid #ffffff1f;border-radius:8px;width:100%;height:76px;margin-top:2px;font-style:normal;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 10px 24px #1d1b181f}.subtemplate-demo:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:2.7s ease-in-out infinite demo-sweep;position:absolute;inset:0;transform:translate(-120%)}.text-demo b,.text-demo em{content:"";display:block;position:absolute}.text-demo b{transform-origin:0;background:#fd0;width:128%;height:2px;animation:2.4s ease-in-out infinite text-demo-strike;top:46%;left:-14%;transform:rotate(-8deg)scaleX(0);box-shadow:0 0 18px #fd0}.text-demo em{aspect-ratio:1;opacity:.35;border:2px solid #48f;border-radius:50%;width:26px;animation:2.4s ease-in-out infinite text-demo-ring;top:9px;right:10px}.text-demo span,.title-demo span{text-overflow:clip;white-space:nowrap;font-size:inherit;font-weight:inherit;display:block;overflow:visible}.text-demo span{justify-content:center;align-items:center;gap:3px;font-family:Archivo Black,Inter,sans-serif;font-size:28px;line-height:1;display:flex;position:absolute;inset:0}.text-demo strong{color:#fffdfa;text-shadow:0 0 14px #ffffff5c;min-width:.55em;animation:2.4s cubic-bezier(.2,.8,.2,1) infinite text-demo-impact;animation-delay:calc(var(--i) * 80ms);display:inline-block}.text-demo-3d strong{animation-name:text-demo-flip}.text-demo-blurs strong{animation-name:text-demo-blur}.text-demo-rotation strong,.text-demo-curves strong{animation-name:text-demo-spin}.text-demo-scale strong,.text-demo-organic strong{animation-name:text-demo-scale}.text-demo-tracking strong,.text-demo-mechanical strong{animation-name:text-demo-track}.text-demo-light{background:radial-gradient(circle,#ffdd0057,#0000 38%),#100f14}.text-demo-light strong,.text-demo-fill strong{color:#fd0;text-shadow:0 0 20px #fd0}.map-demo b{transform-origin:0;background:#ff5d3d;border-radius:999px;width:76%;height:4px;animation:2.3s ease-in-out infinite route-reveal;position:absolute;top:52%;left:12%;box-shadow:0 0 18px #ff5d3db3}.map-demo .dot{background:#ff5d3d;border-radius:50% 50% 50% 0;width:13px;height:13px;animation:2.3s ease-in-out infinite demo-pin-hit;position:absolute;transform:rotate(-45deg);box-shadow:0 0 18px #ff5d3dbf}.map-demo .dot.a{top:38%;left:10%}.map-demo .dot.b{animation-delay:.22s;top:28%;left:48%}.map-demo .dot.c{animation-delay:.44s;top:42%;right:10%}.map-demo strong{aspect-ratio:1;opacity:0;border:2px solid #ff5d3d;border-radius:50%;width:44px;animation:2.3s ease-in-out infinite region-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-pin-drop b,.demo-region-pulse b{opacity:.2}.demo-region-pulse strong{opacity:.9}.demo-zoom-tour{animation:2.8s ease-in-out infinite demo-map-camera}.table-demo{grid-template-columns:repeat(4,1fr);gap:1px;padding:10px;display:grid}.table-demo em{color:#fffdfa;min-width:0;animation:2.4s ease-in-out infinite table-demo-hit;animation-delay:calc(var(--i) * 45ms);background:#ffffff14;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.demo-ranking-rise em{animation-name:table-demo-rank}.demo-number-count em{animation-name:table-demo-count}.demo-grid-build em{animation-name:table-demo-build}.title-demo{align-content:center;padding:12px;font-family:Archivo Black,Inter,sans-serif;font-size:25px;line-height:.82;display:grid}.title-demo span{z-index:1;color:#fffdfa;animation:2.5s cubic-bezier(.2,.8,.2,1) infinite title-demo-slam;position:relative}.title-demo span:nth-child(2){color:#fd0;animation-delay:80ms}.title-demo b{transform-origin:0;background:#3457d5;height:8px;animation:2.5s ease-in-out infinite title-demo-wipe;position:absolute;inset:auto 0 18px;transform:scaleX(0)}.demo-minimal-lower{font-size:20px}.demo-bold-stamp span{animation-name:title-demo-stamp}.demo-kinetic-stack span{animation-name:title-demo-stack}.space-demo{--space-depth:42px;--space-speed:2.6s;perspective:320px;transform-style:preserve-3d;place-items:center;display:grid}.space-demo em{text-shadow:0 0 16px #ffffff61;backface-visibility:visible;font-family:Archivo Black,Inter,sans-serif;font-size:18px;font-style:normal;line-height:1;display:inline-block;position:absolute}.space-demo.space-preview-cylinder{animation:space-spin var(--space-speed) linear infinite}.space-demo.space-preview-cylinder em{transform:rotateY(var(--angle)) translateZ(var(--space-depth))}.space-demo.space-preview-field em{animation:demo-space-field var(--space-speed) ease-in-out infinite;animation-delay:calc(var(--i) * -.08s)}.space-demo.space-preview-flag em,.space-demo.space-preview-stripes em{width:max-content;animation:demo-space-stripe var(--space-speed) ease-in-out infinite;animation-delay:calc(var(--i) * -.08s);display:block}.space-demo.space-preview-flag em{transform-origin:0;animation-name:demo-space-flag}.space-demo.space-preview-coil{animation:space-spin calc(var(--space-speed) * 1.2) linear infinite reverse}.space-demo.space-preview-coil em{transform:rotate(var(--coil-rot)) translateX(var(--coil-x)) rotateY(var(--coil-y)) translateZ(38px)}.space-demo.space-preview-cascade em{animation:demo-space-cascade var(--space-speed) ease-in-out infinite;animation-delay:calc(var(--i) * -.07s)}.template-info{background:#f4f1ec;border:1px solid #ddd6cc;border-radius:8px;gap:4px;padding:12px;display:grid}.template-info span{color:#8a8278;text-transform:uppercase;font-size:11px;font-weight:750}.template-info strong{font-size:17px}.template-info p{color:#756d64;margin:0;font-size:12px}.hint{color:#80786f;margin:0;font-size:13px;line-height:1.55}.two-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}input[type=range]{accent-color:#1d1b18;width:100%}input[type=color]{background:#fffdfa;border:1px solid #d8d1c7;border-radius:8px;width:100%;height:42px;padding:4px}.font-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.font-preset-grid button{cursor:pointer;text-align:left;background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;gap:4px;min-height:58px;padding:10px;display:grid}.font-preset-grid strong{font-size:13px}.font-preset-grid span{color:#837a70;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.swatch-grid{grid-template-columns:repeat(8,1fr);gap:7px;display:grid}.swatch-grid button{aspect-ratio:1;cursor:pointer;border:1px solid #d3cabf;border-radius:8px;min-width:0}.swatch-grid button.active{box-shadow:0 0 0 2px #fffdfa,0 0 0 4px #1d1b18}.inline-color{grid-template-columns:1fr 60px;align-items:end;gap:10px;margin-top:10px;display:grid}.gradient-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gradient-grid button{color:#fff;cursor:pointer;text-shadow:0 1px 8px #00000073;border:1px solid #ddd6cc;border-radius:8px;min-height:44px;padding:8px;font-size:12px;font-weight:750}.multi-grid{gap:8px;display:grid}.multi-grid button{cursor:pointer;background:#fffdfa;border:1px solid #ddd6cc;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:grid}.multi-grid span{gap:4px;display:flex}.multi-grid i{border-radius:50%;width:18px;height:18px}.multi-grid strong{font-size:12px}label strong{color:#7b746b;margin-top:4px;font-size:12px;display:block}.segmented,.icon-segmented{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segmented button,.icon-segmented button{min-height:40px;padding:8px}.icon-segmented button{place-items:center;display:grid}.size-list{gap:10px;display:grid}.size-list button{text-align:left;grid-template-columns:1fr auto;gap:3px 10px;min-height:64px;padding:12px;display:grid}.size-list button span{font-size:13px;font-weight:700}.size-list button strong{font-size:14px}.size-list button small{color:#837a70;grid-column:1/-1}.download-summary{background:#f4f1ec;border:1px solid #ddd6cc;border-radius:8px;gap:4px;padding:14px;display:grid}.download-summary span{color:#80786f;font-size:12px;font-weight:700}.download-summary strong{font-size:20px}.download-summary small{color:#80786f}.download-button{color:#fffdfa;background:#1d1b18;border-color:#1d1b18;width:100%;font-weight:750}.preview-panel{background:#f7f4ee;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:18px;display:grid}.preview-toolbar,.preview-footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.preview-toolbar{margin-bottom:14px}.preview-toolbar span{color:#8a8278;margin-bottom:3px;font-size:12px;font-weight:700;display:block}.preview-toolbar strong{font-size:20px}.primary-button{background:#fffdfa;padding:8px 13px;font-weight:750}.canvas-stage{background:#ebe6dd;border:1px solid #ded8ce;border-radius:8px;place-items:center;min-height:0;padding:26px;display:grid;overflow:hidden}.motion-canvas{border:1px solid #1d1b181a;border-radius:8px;place-items:center;transition:aspect-ratio .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #4c3c261f}.motion-canvas.landscape{width:min(100%,960px,124.444vh)}.motion-canvas.portrait{width:min(100%,430px,40.5vh)}.motion-canvas.square{width:min(100%,660px,70vh)}.motion-canvas.social{width:min(100%,520px,57.6vh)}.preview-text{overflow-wrap:normal;word-break:normal;white-space:nowrap;width:max-content;max-width:88%;transform-style:preserve-3d;padding:18px;position:relative}.preview-text-fallback{color:#1d1b18;text-align:center;white-space:nowrap;font-family:Space Grotesk,Inter,sans-serif;font-size:78px;line-height:1.04}.preview-text-fallback .text-unit{animation:3.2s cubic-bezier(.2,.8,.2,1) infinite fallback-preview-loop;animation-delay:calc(var(--i) * 45ms)}.preview-text-fallback.preview-template-typewriter .text-unit,.preview-text-fallback.preview-template-decoderFade .text-unit{animation-name:fallback-typewriter-loop;animation-timing-function:step-end}.preview-text-fallback.preview-template-flipInX .text-unit,.preview-text-fallback.preview-template-flipInY .text-unit,.preview-text-fallback.preview-template-rotXCascade .text-unit,.preview-text-fallback.preview-template-rotYCascade .text-unit{transform-origin:50%;animation-name:fallback-flip-loop}.preview-text-fallback.preview-template-largeScale .text-unit,.preview-text-fallback.preview-template-scaleUp .text-unit,.preview-text-fallback.preview-template-scaleDown .text-unit,.preview-text-fallback.preview-template-zoomForward .text-unit{animation-name:fallback-scale-loop}.preview-text-fallback.preview-template-blurByWord .text-unit,.preview-text-fallback.preview-template-scrambleBlur .text-unit,.preview-text-fallback.preview-template-foggy .text-unit{animation-name:fallback-blur-loop}.text-unit{white-space:pre;will-change:transform, opacity, filter;display:inline-block}.text-line{white-space:nowrap;display:block}.text-word{white-space:nowrap;margin-right:.22em}.text-wrapper{white-space:pre-line}.preview-footer{color:#746d64;margin-top:14px;font-size:13px}.preview-footer span{align-items:center;gap:7px;display:inline-flex}@media (max-width:980px){.home-hero,.home-demo-band{grid-template-columns:1fr;min-height:auto}.case-grid{grid-template-columns:1fr}.motion-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-gallery-card:nth-child(-n+3),.motion-gallery-card:nth-child(n+4){animation:none}.footer-updates,.footer-main{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,minmax(120px,1fr))}.workspace-header{grid-template-columns:1fr auto}.header-title{grid-area:2/1/auto/-1;justify-items:start}.template-workspace{grid-template-columns:68px minmax(260px,330px)}.preview-panel{grid-column:1/-1;min-height:520px}}@media (max-width:680px){.home-page{width:min(100% - 20px,620px)}.home-nav{flex-direction:column;align-items:stretch}.home-nav nav a,.home-nav nav .language-button{flex:1}.hero-showcase,.motion-gallery-grid{grid-template-columns:1fr}.motion-gallery-card{height:240px}.home-actions{flex-direction:column;align-items:stretch}.home-primary,.home-secondary{width:100%}.footer-updates{padding:20px}.footer-update-list article{grid-template-columns:1fr}.footer-update-list time{grid-row:auto}.footer-links{grid-template-columns:1fr}.info-page{width:min(100% - 20px,620px)}.template-workspace{grid-template-columns:1fr}.settings-tabs{border-bottom:1px solid #dfd9cf;border-right:none;grid-template-columns:repeat(5,1fr)}.settings-tabs button{min-height:54px}.settings-panel{border-bottom:1px solid #dfd9cf;border-right:none}.two-cols,.template-list{grid-template-columns:1fr}.canvas-stage{padding:12px}.motion-canvas.portrait,.motion-canvas.social{width:min(100%,360px)}}