:root{--bg:#13082b;--bg2:#1c1035;--panel:rgba(37,22,68,0.72);--panel-solid:#251644;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.16);--ink:#e8e0f5;--muted:#9480bb;--muted-dim:#6b5f80;--accent:#a100a1;--accent2:#c800c8;--accent-rgb:161,0,161;--radius:16px;--shadow:0 30px 80px rgba(0,0,0,0.45)}[data-theme="light"]{--bg:#f0eff5;--bg2:#ffffff;--panel:rgba(255,255,255,0.9);--panel-solid:#f9f8ff;--line:rgba(0,0,0,0.08);--line-strong:rgba(0,0,0,0.14);--ink:#1a1030;--muted:#6b5f80;--muted-dim:#8b81a0;--accent:#7700b3;--accent2:#9900dd;--accent-rgb:119,0,179;--shadow:0 24px 60px rgba(80,40,120,0.18)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none !important}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,sans-serif;overflow-x:hidden}.bg-aura{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vw 50vh at 78% -10%,rgba(var(--accent-rgb),0.26),transparent 60%),radial-gradient(50vw 40vh at 8% 0%,rgba(120,40,200,0.16),transparent 55%),linear-gradient(180deg,#1a0d38,#120626 60%);transition:background .6s ease}[data-theme="light"] .bg-aura{background:radial-gradient(60vw 50vh at 78% -10%,rgba(var(--accent-rgb),0.10),transparent 60%),linear-gradient(180deg,#f5f3fb,#eceaf5 60%)}button,input,select{font:inherit;color:inherit}.btn{border:1px solid var(--line);background:rgba(255,255,255,0.04);color:var(--ink);border-radius:11px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:.18s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn:hover{border-color:var(--line-strong);background:rgba(255,255,255,0.08);transform:translateY(-1px)}.btn.primary{border:0;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 26px rgba(var(--accent-rgb),0.4)}.btn.primary span{transition:transform .18s}.btn.primary:hover span{transform:translateX(3px)}.btn.ghost{background:rgba(255,255,255,0.03)}.linkish{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px}.linkish:hover{color:var(--ink)}main{max-width:1280px;margin:auto;padding:0 28px 90px}.landing{text-align:center;padding:46px 10px 20px}.landing h1{font-size:clamp(40px,6.4vw,76px);line-height:.98;letter-spacing:-.045em;margin:20px 0 18px;font-weight:800}.landing h1 em{font-style:normal;background:linear-gradient(100deg,#e7c6ff,var(--accent2),#7fb6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{max-width:620px;margin:0 auto 34px;color:var(--muted);font-size:17px;line-height:1.55}.hero-input{max-width:620px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel);backdrop-filter:blur(14px);box-shadow:var(--shadow);transition:.2s}.hero-input:focus-within{border-color:rgba(var(--accent-rgb),0.6);box-shadow:0 20px 60px rgba(var(--accent-rgb),0.25)}.hero-cube{width:34px;height:34px;flex:none;border-radius:8px;background:linear-gradient(135deg,#3a2a5c,#221838);image-rendering:pixelated;background-size:cover}.hero-input input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:17px;font-weight:500}.hero-input input::placeholder{color:var(--muted-dim)}.hero-alt{margin-top:16px;display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted-dim);font-size:13px}.hero-marquee{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:52px}.hero-marquee canvas{width:118px;height:118px;border-radius:20px;box-shadow:var(--shadow);animation:floaty 6s ease-in-out infinite}.hero-marquee canvas:nth-child(even){animation-delay:-3s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.view-head{display:flex;align-items:center;gap:16px;margin:20px 0 6px;flex-wrap:wrap}.view-head h2{font-size:clamp(24px,3vw,34px);margin:6px 0 0;font-weight:800;letter-spacing:-.02em}.view-head h2 span{background:linear-gradient(100deg,var(--accent2),#7fb6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.view-head-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.studio-title{margin:0 auto 0 4px}.gallery-hint{color:var(--muted);font-size:14px;margin:4px 0 22px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.g-card{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel-solid);cursor:pointer;transition:.2s;aspect-ratio:1;box-shadow:0 12px 30px rgba(0,0,0,0.3)}.g-card canvas{display:block;width:100%;height:100%}.g-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),0.6);box-shadow:0 20px 44px rgba(var(--accent-rgb),0.22)}.g-card .g-open{position:absolute;inset:auto 10px 10px;display:flex;gap:6px;opacity:0;transition:.2s}.g-card:hover .g-open{opacity:1}.g-open button{flex:1;border:0;border-radius:9px;padding:8px;font-size:12px;font-weight:700;cursor:pointer;background:rgba(10,8,18,0.72);color:#fff;backdrop-filter:blur(6px);border:1px solid var(--line-strong)}.g-open button.dl{flex:none;width:40px}.studio-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-top:18px;align-items:start}.preview-pane{position:sticky;top:20px}.preview-frame{position:relative;aspect-ratio:1;border-radius:22px;overflow:hidden;background:linear-gradient(45deg,#191322 25%,transparent 25%) 0 0/28px 28px,linear-gradient(-45deg,#191322 25%,transparent 25%) 0 14px/28px 28px,linear-gradient(45deg,transparent 75%,#191322 75%) 14px -14px/28px 28px,linear-gradient(-45deg,transparent 75%,#191322 75%) -14px 0/28px 28px,#120e1e;box-shadow:var(--shadow);max-width:640px;margin:auto}.preview-frame canvas{position:absolute;inset:0;width:100%;height:100%}.preview-actions{display:flex;gap:10px;margin-top:16px;max-width:640px;margin-inline:auto}.size-select select{border:1px solid var(--line);background:var(--panel-solid);border-radius:11px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;outline:none}.preview-actions .primary{margin-left:auto}.controls{display:flex;flex-direction:column;gap:18px}.ctrl-block{border:1px solid var(--line);border-radius:var(--radius);padding:15px;background:var(--panel);backdrop-filter:blur(10px)}.ctrl-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:11px}.ctrl-label small{text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted-dim);font-size:10px}.seg{display:flex;gap:4px;border:1px solid var(--line);border-radius:11px;padding:4px}.seg.wrap{flex-wrap:wrap}.seg button{flex:1;min-width:54px;border:0;border-radius:8px;padding:9px 6px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;transition:.15s}.seg button:hover{color:var(--ink)}.seg button.active{background:linear-gradient(135deg,rgba(var(--accent-rgb),0.9),var(--accent2));color:#fff}.bg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.bg-sw{aspect-ratio:1;border-radius:10px;border:2px solid transparent;cursor:pointer;padding:0;position:relative;overflow:hidden}.bg-sw canvas{width:100%;height:100%;display:block}.bg-sw.active{border-color:#fff;box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.5)}.bg-extra{display:flex;gap:14px;align-items:center;margin-top:12px}.mini-color{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);cursor:pointer}.mini-color input[type=color]{width:26px;height:26px;padding:0;border:1px solid var(--line-strong);border-radius:7px;background:none;cursor:pointer}.chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}.chk input{accent-color:var(--accent);width:16px;height:16px}.acc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.acc-chip{border:1px solid var(--line);border-radius:11px;padding:10px 6px 8px;background:rgba(255,255,255,0.02);color:var(--muted);cursor:pointer;text-align:center;transition:.15s}.acc-chip:hover{border-color:var(--line-strong);color:var(--ink)}.acc-chip.active{border-color:var(--accent);background:rgba(var(--accent-rgb),0.16);color:#fff;box-shadow:0 0 0 1px rgba(var(--accent-rgb),0.3) inset}.acc-chip .em{font-size:22px;display:block;line-height:1}.acc-chip .nm{font-size:10px;margin-top:6px;display:block;font-weight:600}.acc-tint{margin-top:12px}.acc-chip.selected{border-color:var(--accent2);box-shadow:0 0 0 2px rgba(var(--accent-rgb),0.45)}.drag-note{font-size:11px;color:var(--muted-dim);margin:12px 0 0;line-height:1.4}#acc-adjust .btn,#pos-panel .btn{margin-top:4px;justify-content:center}.pos-btns{display:flex;gap:8px}.pos-btns .btn{flex:1}#action-seg button{text-transform:none}.preview-frame{cursor:grab}.preview-frame.grabbing{cursor:grabbing}#viewer-3d,#bg3d{pointer-events:none}#viewer-3d{position:absolute;inset:0;width:100% !important;height:100% !important}.label-row{display:flex;gap:8px;margin:12px 0;align-items:stretch}.label-row>input:not([type=color]){flex:1;min-width:0;height:40px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);border-radius:10px;padding:0 12px;font-size:14px;font-weight:500;outline:none;transition:.15s}.label-row>input:not([type=color])::placeholder{color:var(--muted-dim)}.label-row>input:not([type=color]):focus{border-color:rgba(var(--accent-rgb),0.6);background:#16111f;box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.16)}.label-color-wrap{position:relative;width:40px;height:40px;flex:none;border-radius:10px;overflow:hidden;border:1px solid var(--line-strong);cursor:pointer}.label-color-wrap input[type=color]{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);padding:0;border:0;background:none;cursor:pointer}.label-color-wrap::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.14);pointer-events:none}#label-font{margin-top:2px}.slider{display:block;margin-bottom:13px}.slider span{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px}.slider b{color:var(--accent2);font-weight:600}.slider input{width:100%;accent-color:var(--accent)}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);padding:12px 18px;border-radius:12px;background:#1c1430;border:1px solid var(--line-strong);font-size:13px;box-shadow:var(--shadow);z-index:50}.loader{position:fixed;inset:0;z-index:60;display:grid;place-content:center;justify-items:center;gap:18px;background:rgba(6,5,12,0.86);backdrop-filter:blur(6px)}.loader-cube{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--accent2),var(--accent));animation:spin 1.1s cubic-bezier(.6,.2,.4,.8) infinite;box-shadow:0 0 40px rgba(var(--accent-rgb),0.6)}@keyframes spin{50%{transform:rotate(180deg) scale(.8);border-radius:50%}100%{transform:rotate(360deg)}}.loader p{color:var(--muted);font-size:14px}@media (max-width:940px){.studio-grid{grid-template-columns:1fr}.preview-pane{position:static}.controls{order:2}}@media (max-width:560px){main{padding:0 16px 70px}.hero-input{flex-wrap:wrap}.bg-grid{grid-template-columns:repeat(4,1fr)}}.lp-section{max-width:1080px;margin:96px auto 0;text-align:left}.lp-head{text-align:center;margin-bottom:34px}.lp-kicker{font:11px 'Space Grotesk',system-ui;letter-spacing:.18em;color:var(--accent2)}.lp-head h2{font-size:clamp(26px,4vw,40px);margin:10px 0 8px;letter-spacing:-.02em;font-weight:800}.lp-sub{color:var(--muted);font-size:16px;max-width:580px;margin:0 auto;line-height:1.55}.lp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lp-step{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:var(--panel);backdrop-filter:blur(8px)}.lp-step-num{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;font-size:17px;box-shadow:0 8px 22px rgba(var(--accent-rgb),.4)}.lp-step h3{margin:18px 0 6px;font-size:18px}.lp-step p,.lp-feature p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.lp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp-feature{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--panel);backdrop-filter:blur(8px);transition:.2s}.lp-feature:hover{border-color:rgba(var(--accent-rgb),.5);transform:translateY(-3px)}.lp-ic{font-size:28px;line-height:1}.lp-feature h3{margin:14px 0 6px;font-size:16px}.lp-platform-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.lp-platform{border:1px solid var(--line);border-radius:14px;padding:20px 14px;background:var(--panel);text-align:center}.lp-plat-ic{font-size:24px;display:block}.lp-platform b{display:block;margin:10px 0 4px;font-size:15px}.lp-platform span:last-child{color:var(--muted);font-size:12.5px;line-height:1.5}.lp-inspo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}.lp-inspo{border:0;padding:0;background:none;cursor:pointer;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transition:.2s;aspect-ratio:1}.lp-inspo canvas{display:block;width:100%;height:100%}.lp-inspo:hover{transform:translateY(-4px) scale(1.02)}.lp-faq{max-width:780px}.lp-faq-list details{border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:10px;padding:2px 18px;transition:border-color .2s}.lp-faq-list details[open]{border-color:rgba(var(--accent-rgb),.4)}.lp-faq-list summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.lp-faq-list summary::-webkit-details-marker{display:none}.lp-faq-list summary::after{content:'+';color:var(--accent2);font-size:22px;font-weight:700}.lp-faq-list details[open] summary::after{content:'\2212'}.lp-faq-list p{color:var(--muted);margin:0 0 16px;line-height:1.65;font-size:14px}.lp-outro{text-align:center}.lp-article{max-width:720px;margin:0 auto 36px;text-align:left}.lp-article h2{font-size:22px;margin-bottom:12px}.lp-article p{color:var(--muted);line-height:1.75;font-size:15px}.lp-cta{border:1px solid var(--line);border-radius:22px;padding:46px 24px;background:radial-gradient(120% 100% at 50% 0,rgba(var(--accent-rgb),.2),var(--panel-solid) 72%);box-shadow:var(--shadow)}.lp-cta h2{font-size:clamp(24px,3.5vw,34px);margin:0 0 20px}@media (max-width:860px){.lp-steps-grid,.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-platform-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.lp-section{margin-top:64px}.lp-steps-grid,.lp-feature-grid,.lp-platform-grid{grid-template-columns:1fr}}