@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ab624315db63c58d-s.3tv8ju5p7udbb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e94b8ab81811a983-s.07tvg3tgusgux.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c795a286deabae8-s.p.3vm0tq4e-zz_5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ab624315db63c58d-s.3tv8ju5p7udbb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e94b8ab81811a983-s.07tvg3tgusgux.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c795a286deabae8-s.p.3vm0tq4e-zz_5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Fallback;src:local(Arial);ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.0%;size-adjust:98.47%}.syne_20b4f699-module__aJuBNG__className{font-family:Syne,Syne Fallback;font-style:normal}.syne_20b4f699-module__aJuBNG__variable{--font-i3d-display:"Syne", "Syne Fallback"}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_12719657-module__9w9T2G__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_12719657-module__9w9T2G__variable{--font-i3d-body:"Manrope", "Manrope Fallback"}
.i3d{--i3d-ink:#12202b;--i3d-muted:#4d6270;--i3d-paper:#f4f8fb;--i3d-mist:#d7e6ef;--i3d-fog:#eaf2f7;--i3d-accent:#ff5a36;--i3d-accent-deep:#d63d1f;--i3d-line:color-mix(in oklab, var(--i3d-ink) 12%, transparent);--i3d-display:var(--font-i3d-display), "Avenir Next", "Segoe UI", sans-serif;--i3d-body:var(--font-i3d-body), "PingFang SC", "Noto Sans SC", sans-serif;--i3d-radius:1.1rem;min-height:100vh;color:var(--i3d-ink);scroll-behavior:smooth;background:radial-gradient(1200px 600px at 80% -10%, #cfe7f5 0%, transparent 55%), radial-gradient(900px 500px at -10% 20%, #ffe1d4 0%, transparent 50%), linear-gradient(180deg, var(--i3d-fog) 0%, var(--i3d-paper) 42%, #eef5f8 100%);font-family:var(--i3d-body)}.i3d *{box-sizing:border-box}.i3d a{color:inherit;text-decoration:none}.i3d-top{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in oklab, var(--i3d-paper) 72%, transparent);border-bottom:1px solid var(--i3d-line);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.i3d-top-overlay{background:linear-gradient(#f4f8fbe0,#0000);border-bottom:none;position:absolute;inset:0 0 auto}.i3d-brand{font-family:var(--i3d-display);letter-spacing:-.04em;font-size:1.2rem;font-weight:700}.i3d-nav{flex-wrap:wrap;align-items:center;gap:.85rem 1.1rem;font-size:.92rem;display:flex}.i3d-nav a:hover,.i3d-nav button:hover{color:var(--i3d-accent-deep)}.i3d-nav-cta,.i3d-nav button.i3d-nav-cta{appearance:none;cursor:pointer;background:var(--i3d-ink);font:inherit;border:0;border-radius:999px;padding:.45rem .9rem;color:#fff!important}.i3d-hero{z-index:0;isolation:isolate;contain:paint;background:#d9ebf5;position:relative;overflow:clip}.i3d-hero-frame{height:min(100svh,900px);min-height:min(100svh,900px);position:relative}.i3d-hero-scene{z-index:0;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.i3d-hero-veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,#f4f8fbf0 0%,#f4f8fb8c 38%,#0000 66%),linear-gradient(#0000 50%,#f4f8fbd1 100%);position:absolute;inset:0}.i3d-hero-ui{z-index:2;pointer-events:none;grid-template-columns:minmax(0,1.15fr) minmax(260px,.72fr);align-items:end;gap:1rem;height:100%;padding:clamp(1.2rem,4vh,2.5rem) clamp(1rem,3vw,2rem) clamp(1.5rem,4vh,2.5rem);display:grid;position:relative}.i3d-hero-ui>*{pointer-events:auto}.i3d-hero-copy{max-width:34rem;padding-bottom:.5rem;animation:.9s both i3d-rise}.i3d-hero-panel{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;justify-self:end;width:min(340px,100%);padding:1.05rem 1.1rem;animation:.85s 80ms both i3d-rise;box-shadow:0 18px 40px #12202b14}.i3d-hero-panel .i3d-tag-list{margin-top:.55rem}.i3d-hero-panel .i3d-tag-list button{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.i3d-tag-hint{color:var(--i3d-muted);opacity:.8;font-size:.72rem}.i3d-hero-panel .i3d-tag-list button.is-active .i3d-tag-hint{color:var(--i3d-accent-deep)}.i3d-main{z-index:2;isolation:isolate;border-top:1px solid var(--i3d-line);background:linear-gradient(#f4f8fb 0%,#eef5f8 40%,#f7fafc 100%);position:relative}.i3d-stage{width:100%;height:100%;min-height:inherit;position:relative}.i3d-hero-scene .i3d-stage,.i3d-demo-canvas-wrap .i3d-stage,.i3d-studio-canvas-wrap .i3d-stage,.i3d-view-stage .i3d-stage{min-height:0;position:absolute;inset:0}.i3d-stage .i3d-canvas{touch-action:none;width:100%;height:100%;display:block}.i3d-boot{z-index:8;color:#f5fbff;background:radial-gradient(720px 360px at 50% 35%,#ff5a362e,#0000 55%),linear-gradient(160deg,#12202beb,#16303df0);place-items:center;padding:1.25rem;transition:opacity .42s,transform .42s;display:grid;position:absolute;inset:0}.i3d-boot.is-exiting{opacity:0;pointer-events:none;transform:scale(1.02)}.i3d-boot.is-compact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(480px 240px at 50% 40%,#ff5a3624,#0000 60%),#12202bb8}.i3d-boot-inner{text-align:center;width:min(360px,100%)}.i3d-boot-brand{font-family:var(--i3d-display);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,6vw,2.8rem);font-weight:700;line-height:1;animation:1.6s ease-in-out infinite i3d-boot-pulse}.i3d-boot-title{font-family:var(--i3d-display);letter-spacing:.18em;text-transform:uppercase;color:#f5fbffb8;margin:.55rem 0 1.15rem;font-size:1rem}.i3d-boot-track{background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;height:.55rem;position:relative;overflow:hidden}.i3d-boot-fill{border-radius:inherit;background:linear-gradient(90deg,#ff7a4d,#ff5a36 55%,#ffd0b8);height:100%;transition:width .16s linear;box-shadow:0 0 18px #ff5a3673}.i3d-boot-glow{pointer-events:none;background:#fff;border-radius:999px;width:.7rem;height:.7rem;transition:left .16s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #fffc}.i3d-boot-meta{color:#f5fbffb3;justify-content:space-between;gap:.75rem;margin-top:.7rem;font-size:.84rem;display:flex}.i3d-boot-pct{font-variant-numeric:tabular-nums;color:#fff;font-weight:700}@keyframes i3d-boot-pulse{0%,to{opacity:.88;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.i3d-boot,.i3d-boot-brand,.i3d-boot-fill,.i3d-boot-glow{transition:none!important;animation:none!important}}.i3d-brand-mark{font-family:var(--i3d-display);letter-spacing:-.06em;margin:0 0 .75rem;font-size:clamp(2.6rem,8vw,5.2rem);font-weight:700;line-height:.92}.i3d-hero-copy h1,.i3d-finale h2,.i3d-section-head h2,.i3d-studio-side h1,.i3d-view-copy h1{font-family:var(--i3d-display);letter-spacing:-.035em;margin:0;font-weight:650;line-height:1.08}.i3d-hero-copy h1{max-width:14ch;font-size:clamp(1.55rem,3.4vw,2.35rem)}.i3d-lead,.i3d-section-head p,.i3d-finale>p{color:var(--i3d-muted);max-width:36rem;margin:.9rem 0 0;font-size:1.05rem;line-height:1.65}.i3d-hero-cast{flex-wrap:wrap;gap:.45rem;margin-top:1.15rem;display:flex}.i3d-cast-chip{appearance:none;border:1px solid var(--i3d-line);color:var(--i3d-ink);font:inherit;cursor:pointer;background:#ffffffb8;border-radius:999px;padding:.4rem .75rem;font-size:.84rem;font-weight:600;transition:border-color .16s,background .16s,color .16s}.i3d-cast-chip:hover{border-color:color-mix(in oklab, var(--swatch,var(--i3d-accent)) 55%, var(--i3d-line))}.i3d-cast-chip.is-active{border-color:color-mix(in oklab, var(--swatch,var(--i3d-accent)) 70%, var(--i3d-ink));color:var(--i3d-accent-deep);background:#fff4ef}.i3d-cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.i3d-btn{appearance:none;cursor:pointer;font:inherit;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.2rem;font-weight:600;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.i3d-btn:hover{transform:translateY(-1px)}.i3d-btn-primary{background:var(--i3d-accent);color:#fff}.i3d-btn-primary:hover{background:var(--i3d-accent-deep)}.i3d-btn-ghost{border-color:var(--i3d-line);color:var(--i3d-ink);background:#ffffff8c}.i3d-btn-block{width:100%}.i3d-section{padding:clamp(3.2rem,8vh,5.5rem) clamp(1rem,3vw,2rem)}.i3d-section-head{max-width:42rem;margin-bottom:1.75rem}.i3d-section-head .i3d-kicker{margin-bottom:.65rem}.i3d-section-head h2{color:var(--i3d-ink);font-size:clamp(1.7rem,3vw,2.4rem)}.i3d-demo-stage{grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);align-items:stretch;gap:1.25rem;display:grid}.i3d-demo-canvas-wrap,.i3d-studio-canvas-wrap{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:linear-gradient(160deg,#d9ebf5,#f7fbff 55%,#ffe8df);min-height:min(62vh,560px);position:relative;overflow:hidden}.i3d-demo-panel,.i3d-studio-side{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:#ffffff9e;padding:1.25rem}.i3d-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--i3d-muted);margin:0 0 .4rem;font-size:.72rem}.i3d-tag-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.i3d-tag-list-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.i3d-tag-list button,.i3d-style-picks button{appearance:none;text-align:left;border:1px solid var(--i3d-line);width:100%;font:inherit;cursor:pointer;background:#ffffffb3;border-radius:.85rem;padding:.7rem .85rem;transition:border-color .16s,background .16s}.i3d-tag-list-row button{width:auto}.i3d-tag-list button.is-active,.i3d-style-picks button.is-active{border-color:color-mix(in oklab, var(--i3d-accent) 55%, var(--i3d-ink));background:#fff4ef}.i3d-tag-card{border-top:1px solid var(--i3d-line);margin:.85rem 0 0;padding:.85rem 0 0;animation:.35s both i3d-fade}.i3d-tag-card h3,.i3d-tag-card h2{font-family:var(--i3d-display);margin:0 0 .45rem;font-size:1.2rem}.i3d-tag-card p{color:var(--i3d-muted);margin:0;line-height:1.6}.i3d-usecases,.i3d-style-grid,.i3d-steps,.i3d-faq-list{margin:0;padding:0;list-style:none}.i3d-usecases{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.i3d-usecases li{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:#ffffffc7;padding:1.15rem 1.2rem;transition:transform .18s,border-color .18s,box-shadow .18s}.i3d-usecases li:hover{border-color:color-mix(in oklab, var(--i3d-accent) 35%, var(--i3d-line));transform:translateY(-2px);box-shadow:0 12px 28px #12202b0f}.i3d-usecase-idx{font-family:var(--i3d-display);letter-spacing:.08em;color:var(--i3d-accent-deep);margin-bottom:.7rem;font-size:.8rem;display:inline-block}.i3d-usecases h3,.i3d-steps h3,.i3d-faq-list h3{font-family:var(--i3d-display);color:var(--i3d-ink);margin:0 0 .4rem;font-size:1.15rem}.i3d-usecases p,.i3d-steps p,.i3d-faq-list p,.i3d-style-blurb{color:var(--i3d-muted);margin:0;line-height:1.55}.i3d-style-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem;display:grid}.i3d-style-card{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);border-top:3px solid var(--swatch,var(--i3d-accent));text-align:left;width:100%;color:inherit;background:#ffffffeb;gap:.85rem;padding:.75rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.i3d-style-card:hover,.i3d-style-card.is-selected{border-color:color-mix(in oklab, var(--swatch,var(--i3d-accent)) 55%, var(--i3d-line));transform:translateY(-3px);box-shadow:0 14px 30px #12202b14}.i3d-style-card.is-selected{background:#fff8f4}.i3d-style-preview,.i3d-swatch{aspect-ratio:1.15;border:1px solid var(--i3d-line);cursor:pointer;background:radial-gradient(120% 80% at 50% 20%,#fff 0%,#0000 55%),linear-gradient(160deg,#d9ebf5,#f7fbff 55%,#ffe8df);border-radius:.75rem;width:100%;overflow:hidden}.i3d-style-preview:focus-visible{outline:2px solid var(--i3d-accent);outline-offset:2px}.i3d-style-preview-canvas{touch-action:none;width:100%;height:100%;display:block}.i3d-style-preview-skel{background:linear-gradient(110deg,#0000 30%,#ffffff8c 48%,#0000 65%) 0 0/200% 100%,linear-gradient(160deg,#d9ebf5,#f7fbff 55%,#ffe8df);width:100%;height:100%;animation:1.4s ease-in-out infinite i3d-shimmer}@keyframes i3d-shimmer{0%{background-position:100% 0,0 0}to{background-position:-100% 0,0 0}}.i3d-style-copy{gap:.35rem;display:grid}.i3d-style-name{font-family:var(--i3d-display);color:var(--i3d-ink);font-size:1.1rem}.i3d-style-cta{appearance:none;text-align:left;font:inherit;color:var(--i3d-accent-deep);cursor:pointer;background:0 0;border:0;margin-top:.25rem;padding:0;font-size:.84rem;font-weight:600}.i3d-style-cta:hover{color:var(--i3d-accent)}.i3d-how{border-block:1px solid var(--i3d-line);background:#ffffff73}.i3d-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.i3d-steps li{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:#fff;padding:1.15rem 1.15rem 1.25rem}.i3d-step-num{font-family:var(--i3d-display);letter-spacing:.08em;color:var(--i3d-accent-deep);margin-bottom:.55rem;font-size:.85rem;display:inline-block}.i3d-faq-list{gap:.85rem;max-width:46rem;display:grid}.i3d-faq-list li{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:#ffffffd1;padding:1.1rem 1.2rem}.i3d-finale{border-radius:calc(var(--i3d-radius) + .3rem);color:#f5fbff;background:radial-gradient(600px 240px at 90% 0,#ffd8c8,#0000 60%),linear-gradient(145deg,#163041,#1d4558);margin:1rem clamp(1rem,3vw,2rem) 3rem;padding:clamp(2.5rem,7vh,4.5rem);animation:.85s both i3d-rise}.i3d-finale .i3d-brand-mark{color:#fff}.i3d-finale>p{color:#f5fbffc7}.i3d-finale .i3d-btn-ghost{color:#fff;background:0 0;border-color:#ffffff4d}.i3d-foot{text-align:center;color:var(--i3d-muted);padding:0 1.5rem 2.5rem;font-size:.9rem}.i3d-foot a{text-underline-offset:.18em;text-decoration:underline}.i3d-studio-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:1rem;min-height:calc(100vh - 64px);padding:1rem clamp(1rem,3vw,2rem) 2rem;display:grid}.i3d-studio-toolbar{gap:.5rem;display:flex;position:absolute;bottom:.85rem;left:.85rem}.i3d-studio-side h1{margin-bottom:1rem;font-size:1.55rem}.i3d-field{gap:.35rem;margin-bottom:.85rem;display:grid}.i3d-field span{color:var(--i3d-muted);font-size:.82rem}.i3d-field input,.i3d-field textarea{border:1px solid var(--i3d-line);width:100%;font:inherit;color:var(--i3d-ink);resize:vertical;background:#ffffffd9;border-radius:.75rem;padding:.7rem .8rem}.i3d-fieldset{border:0;margin:0 0 1rem;padding:0}.i3d-fieldset legend{color:var(--i3d-muted);margin-bottom:.5rem;font-size:.82rem}.i3d-style-picks{gap:.45rem;display:grid}.i3d-style-picks button{align-items:center;gap:.65rem;display:flex}.i3d-style-picks button span{border:1px solid var(--i3d-line);border-radius:999px;flex:none;width:1.15rem;height:1.15rem}.i3d-fineprint,.i3d-saved,.i3d-loading{color:var(--i3d-muted);font-size:.88rem;line-height:1.5}.i3d-saved{color:var(--i3d-accent-deep);margin:0 0 .75rem}.i3d-loading{text-align:center;padding:4rem 1.5rem}.i3d-view{background:#d9ebf5;min-height:100vh;position:relative}.i3d-view-stage{min-height:100vh;position:relative}.i3d-view-copy{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;width:min(440px,100% - 2rem);padding:1.2rem 1.25rem;animation:.7s both i3d-rise;position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:clamp(1rem,3vw,2rem)}.i3d-view-copy .i3d-brand-mark{font-size:clamp(2rem,5vw,3rem)}.i3d-view-copy h1{margin-top:.2rem;font-size:1.25rem}.i3d-tag-card-view{border-top:0;padding-top:.2rem}.i3d-generate-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:1.1rem;padding:1.25rem clamp(1rem,3vw,2rem) 2.5rem;display:grid}.i3d-generate-main h1{font-family:var(--i3d-display);letter-spacing:-.03em;margin:0 0 .55rem;font-size:clamp(1.8rem,3.4vw,2.6rem)}.i3d-generate-main .i3d-lead{max-width:38rem;color:var(--i3d-muted);margin:0 0 1.1rem;line-height:1.65}.i3d-error{color:#8f2f22;background:#fff1f0;border:1px solid #f0b4ae;border-radius:.85rem;margin:0 0 .85rem;padding:.7rem .9rem}.i3d-dropzone{border-radius:var(--i3d-radius);border:1.5px dashed color-mix(in oklab, var(--i3d-ink) 22%, transparent);background:linear-gradient(160deg,#ffffffb3,#e8f3f9d9);place-items:center;min-height:220px;margin-bottom:1.1rem;transition:border-color .16s,background .16s,transform .18s;display:grid;position:relative;overflow:hidden}.i3d-dropzone.is-dragover{border-color:var(--i3d-accent);background:#fff7f3;transform:translateY(-1px)}.i3d-dropzone.has-preview{border-style:solid}.i3d-dropzone img{object-fit:contain;background:radial-gradient(circle at 30% 20%,#fff 0%,#0000 45%),linear-gradient(160deg,#d9ebf5,#fff8f4);width:100%;height:260px;animation:.45s both i3d-fade}.i3d-dropzone-empty{text-align:center;color:var(--i3d-muted);justify-items:center;gap:.35rem;padding:2rem 1rem 3.2rem;display:grid}.i3d-dropzone-empty strong{font-family:var(--i3d-display);color:var(--i3d-ink);font-size:1.15rem}.i3d-dropzone-pick{position:absolute;bottom:.85rem;right:.85rem}.i3d-mode-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.i3d-mode-picks button{appearance:none;text-align:left;border:1px solid var(--i3d-line);font:inherit;cursor:pointer;background:#ffffffbf;border-radius:.9rem;gap:.3rem;padding:.85rem .9rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.i3d-mode-picks button strong{font-family:var(--i3d-display)}.i3d-mode-picks button span{color:var(--i3d-muted);font-size:.86rem;line-height:1.45}.i3d-mode-picks button.is-active,.i3d-mode-picks button:hover{border-color:color-mix(in oklab, var(--i3d-accent) 55%, var(--i3d-ink));background:#fff4ef;transform:translateY(-1px)}.i3d-sliders{grid-template-columns:1fr 1fr;gap:.85rem;margin:1rem 0;display:grid}.i3d-sliders input[type=range]{width:100%;accent-color:var(--i3d-accent)}.i3d-generate-actions{flex-wrap:wrap;gap:.65rem;margin-bottom:.85rem;display:flex}.i3d-generate-progress{border:1px solid var(--i3d-line);background:#ffffffb3;border-radius:.9rem;margin:0 0 1rem;padding:.7rem .85rem .85rem;position:relative;overflow:hidden}.i3d-generate-progress-bar{background:color-mix(in oklab, var(--i3d-accent) 28%, #fff);transition:width .18s;position:absolute;top:0;bottom:0;left:0}.i3d-generate-progress span{color:var(--i3d-ink);font-size:.9rem;position:relative}.i3d-generate-side{gap:1rem;display:grid}.i3d-generate-preview{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:linear-gradient(160deg,#d9ebf5,#f7fbff 55%,#ffe8df);min-height:min(52vh,480px);position:relative;overflow:hidden}.i3d-generate-preview-empty{height:100%;min-height:min(52vh,480px);color:var(--i3d-muted);text-align:center;place-items:center;padding:1.5rem;display:grid}.i3d-generate-history{border-radius:var(--i3d-radius);border:1px solid var(--i3d-line);background:#ffffffb3;padding:1.1rem 1.15rem}.i3d-generate-history h2{font-family:var(--i3d-display);margin:0 0 .75rem;font-size:1.15rem}.i3d-generate-history .i3d-muted,.i3d-muted{color:var(--i3d-muted)}.i3d-generate-history ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.i3d-generate-history li{gap:.35rem;display:grid}.i3d-generate-history li>button{appearance:none;text-align:left;border:1px solid var(--i3d-line);width:100%;font:inherit;cursor:pointer;background:#fffc;border-radius:.85rem;gap:.2rem;padding:.7rem .8rem;display:grid}.i3d-generate-history li>button.is-active,.i3d-generate-history li>button:hover{border-color:color-mix(in oklab, var(--i3d-accent) 50%, var(--i3d-line));background:#fff4ef}.i3d-generate-history li>button span{color:var(--i3d-muted);font-size:.84rem}.i3d-history-actions{gap:.5rem;padding-left:.15rem;display:flex}.i3d-history-actions button{appearance:none;color:var(--i3d-accent-deep);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.86rem;font-weight:600}.i3d-custom-banner{border:1px solid color-mix(in oklab, var(--i3d-accent) 35%, var(--i3d-line));color:var(--i3d-ink);background:#fff4ef;border-radius:.8rem;margin:0 0 .75rem;padding:.65rem .75rem;font-size:.9rem}.i3d-custom-banner button{appearance:none;color:var(--i3d-accent-deep);font:inherit;cursor:pointer;text-underline-offset:.15em;background:0 0;border:0;margin-left:.55rem;font-weight:600;text-decoration:underline}.i3d-photo-link{color:var(--i3d-accent-deep);margin-top:.75rem;font-weight:600;display:inline-block}.i3d-photo-link:hover{color:var(--i3d-accent)}@keyframes i3d-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes i3d-fade{0%{opacity:0}to{opacity:1}}@media (max-width:960px){.i3d-hero-frame{height:auto;min-height:min(100svh,920px)}.i3d-hero-ui{grid-template-columns:1fr;align-content:end;gap:.85rem;padding-top:4.5rem}.i3d-hero-panel{justify-self:stretch;width:auto}.i3d-hero-veil{background:linear-gradient(#f4f8fb26 0%,#f4f8fbc7 52%,#f4f8fb 100%)}.i3d-demo-stage,.i3d-studio-grid,.i3d-generate-grid,.i3d-usecases,.i3d-style-grid,.i3d-steps,.i3d-mode-picks,.i3d-sliders{grid-template-columns:1fr}.i3d-demo-canvas-wrap,.i3d-studio-canvas-wrap{min-height:52vh}.i3d-view-copy{width:calc(100% - 2rem)}}@media (max-width:720px){.i3d-nav a:not(.i3d-nav-cta){display:none}}@media (prefers-reduced-motion:reduce){.i3d-hero-copy,.i3d-section-head,.i3d-finale,.i3d-view-copy,.i3d-tag-card,.i3d-btn{transition:none!important;animation:none!important}}