:root{--bg: #0a0912;--bg2: #100e1e;--panel: #141226;--panel2: #1b1830;--glass: rgba(255, 255, 255, .055);--glass2: rgba(255, 255, 255, .09);--line: rgba(255, 255, 255, .09);--line2: rgba(255, 255, 255, .16);--txt: #f4f2ff;--dim: #9b95bd;--faint: #6f6a8c;--pink: #ff5e8a;--purple: #8a5cff;--cyan: #54d9e8;--gold: #ffc857;--green: #3ddc97;--red: #ff4d6d;--grad: linear-gradient(120deg, #ff5e8a, #8a5cff);--grad2: linear-gradient(120deg, #8a5cff, #54d9e8);--radius: 18px;--radius-s: 12px;--shadow: 0 20px 60px rgba(0, 0, 0, .45);--glow: 0 0 26px rgba(138, 92, 255, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--txt);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::selection{background:#ff5e8a59}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}::-webkit-scrollbar-track{background:transparent}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.wrap-sm{max-width:780px;margin:0 auto;padding:0 22px}.row{display:flex;align-items:center}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.grad2-text{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}.dim{color:var(--dim)}.faint{color:var(--faint)}.glowbg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.glowbg i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28}.glowbg i:nth-child(1){width:520px;height:520px;background:#7c2dff;top:-180px;left:-120px}.glowbg i:nth-child(2){width:460px;height:460px;background:#ff2d78;top:-120px;right:-100px;opacity:.2}.glowbg i:nth-child(3){width:560px;height:560px;background:#2a5cff;bottom:-240px;left:30%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--line2);background:var(--glass2);color:var(--txt);font-size:15px;font-weight:600;cursor:pointer;transition:.22s;white-space:nowrap}.btn:hover{transform:translateY(-2px);border-color:#ffffff4d;background:#ffffff21}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--grad);border:none;color:#fff;box-shadow:0 10px 30px #ff5e8a59}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 14px 40px #ff5e8a80;background:var(--grad)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{background:var(--glass2);border-color:var(--line2)}.btn-danger{background:linear-gradient(120deg,#ff4d6d,#ff7a59);border:none;color:#fff}.btn-sm{padding:8px 14px;font-size:13px}.btn-lg{padding:15px 30px;font-size:16px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--glass);color:var(--txt);cursor:pointer;transition:.2s;font-size:16px}.icon-btn:hover{background:var(--glass2);border-color:var(--line2);transform:translateY(-1px)}.icon-btn:disabled{opacity:.35;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--dim);font-size:14px;font-weight:500;cursor:pointer;transition:.2s;white-space:nowrap}.chip:hover{border-color:var(--line2);color:var(--txt)}.chip.active{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 20px #ff5e8a59}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700}.badge-hot{background:linear-gradient(120deg,#ff5e8a,#ff8a5c);color:#fff}.badge-new{background:linear-gradient(120deg,#8a5cff,#54d9e8);color:#fff}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff04);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hover-lift{transition:transform .25s,box-shadow .25s,border-color .25s}.hover-lift:hover{transform:translateY(-6px);border-color:#fff3;box-shadow:var(--shadow)}.topbar{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#0a0912b8;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:26px;height:68px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:.5px}.brand .mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--grad);box-shadow:var(--glow);font-size:18px}.brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:4px;flex:1}.nav-links a{padding:9px 14px;border-radius:11px;color:var(--dim);font-size:15px;font-weight:500;transition:.2s}.nav-links a:hover{color:var(--txt)}.nav-links a.active{color:#fff;background:var(--glass2)}.nav-right{display:flex;align-items:center;gap:10px}.cart-btn{position:relative}.cart-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--red);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}.burger{display:none}@media (max-width: 860px){.nav-links{position:fixed;inset:68px 0 auto;flex-direction:column;gap:6px;padding:14px;background:#0c0a16f7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.3s}.nav-links.open{transform:translateY(0)}.nav-links a{padding:12px 14px;font-size:16px}.burger{display:inline-flex}}.hero{position:relative;text-align:center;padding:92px 0 56px;overflow:hidden}.hero .orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.hero .o1{width:420px;height:420px;background:#ff5e8a52;top:-160px;left:-80px}.hero .o2{width:460px;height:460px;background:#8a5cff5c;top:-120px;right:-110px}.hero .o3{width:320px;height:320px;background:#54d9e833;bottom:-120px;left:34%}.hero h1{font-size:clamp(38px,6vw,66px);font-weight:900;line-height:1.15;letter-spacing:1px;position:relative}.hero .lead{max-width:640px;margin:22px auto 0;color:var(--dim);font-size:clamp(15px,2vw,18px);position:relative}.hero-cta{display:flex;gap:14px;justify-content:center;margin-top:34px;position:relative;flex-wrap:wrap}.hero .float-deco{position:absolute;font-size:34px;opacity:.85;animation:float 6s ease-in-out infinite;pointer-events:none}.stats{display:flex;gap:10px;justify-content:center;margin-top:48px;position:relative;flex-wrap:wrap}.stat{flex:1;min-width:150px;max-width:220px;padding:18px 12px;text-align:center}.stat b{display:block;font-size:26px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:13px;color:var(--dim)}.sec{padding:64px 0 20px}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.sec-head h2{font-size:clamp(24px,3.4vw,34px);font-weight:800}.sec-head p{color:var(--dim);margin-top:6px;font-size:15px}.sec-head .more{color:var(--dim);font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:.2s}.sec-head .more:hover{color:var(--pink);gap:8px}.cat-bar{display:flex;gap:10px;flex-wrap:wrap}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:20px}.tpl-card{overflow:hidden;display:flex;flex-direction:column}.tpl-prev{position:relative;aspect-ratio:var(--ar, 7 / 3);display:grid;place-items:center;overflow:hidden;cursor:pointer}.tpl-prev:hover .pmain{letter-spacing:6px}.ptxt{position:relative;z-index:2;color:#fff;text-align:center;padding:0 8%;text-shadow:0 2px 14px rgba(0,0,0,.35)}.pmain{display:block;font-weight:800;font-size:clamp(16px,2.4vw,22px);letter-spacing:4px;line-height:1.4;transition:.3s}.psub{display:block;font-size:clamp(9px,1.2vw,12px);letter-spacing:5px;opacity:.9;margin-top:6px}.tpl-prev .deco{position:absolute;z-index:1;font-size:clamp(22px,3vw,34px);opacity:.9;animation:float 5s ease-in-out infinite}.tpl-prev .badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;gap:6px}.tpl-prev .fav{position:absolute;top:8px;right:8px;z-index:3;width:34px;height:34px;border-radius:50%;background:#00000059;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px;transition:.2s}.tpl-prev .fav:hover{transform:scale(1.12)}.tpl-prev .fav.on{background:linear-gradient(120deg,#ff5e8a,#ff8a5c);color:#fff;border-color:transparent}.tpl-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}.tpl-body h3{font-size:16px;font-weight:700}.tpl-meta{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12.5px;flex-wrap:wrap}.tpl-meta .row{display:flex;align-items:center;gap:4px}.tpl-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.tpl-price{font-size:17px;font-weight:800}.tpl-price small{font-size:12px;color:var(--faint);font-weight:500;margin-right:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature{padding:28px 24px}.feature .f-ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:var(--grad);box-shadow:var(--glow);margin-bottom:16px}.feature h3{font-size:18px;font-weight:700;margin-bottom:8px}.feature p{color:var(--dim);font-size:14.5px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.step{position:relative;padding:26px 22px}.step .num{position:absolute;top:14px;right:20px;font-size:42px;font-weight:900;color:#ffffff0f;line-height:1}.step .s-ico{font-size:26px;margin-bottom:12px;display:inline-block}.step h3{font-size:16px;font-weight:700;margin-bottom:6px}.step p{color:var(--dim);font-size:13.5px}.comm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.comm-card{overflow:hidden;display:flex;flex-direction:column}.comm-prev{position:relative;aspect-ratio:var(--ar, 1 / 1);display:grid;place-items:center;overflow:hidden}.comm-prev img{width:100%;height:100%;object-fit:cover}.comm-prev .gprev{display:grid;place-items:center;text-align:center;padding:6%;width:100%;height:100%}.comm-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.comm-body h4{font-size:14.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comm-body .meta{font-size:12px;color:var(--faint)}.like-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--dim);cursor:pointer;font-size:13px;transition:.2s}.like-btn:hover{color:var(--pink);transform:scale(1.05)}.like-btn.on{color:var(--pink)}.cta-band{position:relative;margin:70px 0 20px;padding:52px 30px;border-radius:26px;text-align:center;overflow:hidden;background:linear-gradient(120deg,#ff5e8a38,#8a5cff42);border:1px solid var(--line2)}.cta-band h2{font-size:clamp(24px,4vw,38px);font-weight:900}.cta-band p{color:var(--dim);margin:12px auto 26px;max-width:520px}.cta-band .btn{box-shadow:var(--glow)}.market-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:26px}.search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--glass2);border:1px solid var(--line);border-radius:999px;padding:4px 8px 4px 18px;transition:.2s}.search:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px #8a5cff26}.search input{flex:1;background:none;border:none;outline:none;color:var(--txt);font-size:15px;padding:10px 0}.search .s-btn{border:none;background:var(--grad);color:#fff;border-radius:999px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;font-size:16px}.select{background:var(--glass2);border:1px solid var(--line);color:var(--txt);border-radius:12px;padding:10px 14px;font-size:14px;outline:none;cursor:pointer}.select:focus{border-color:var(--purple)}.field{margin-bottom:16px}.label{display:block;font-size:13px;color:var(--dim);margin-bottom:8px;font-weight:600}.input,.textarea,.select{width:100%;background:var(--glass2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--txt);font-size:15px;outline:none;transition:.2s}.textarea{resize:vertical;min-height:90px}.input:focus,.textarea:focus,.select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #8a5cff26}.radio-row{display:flex;gap:18px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14.5px;color:var(--dim)}.radio-label input{accent-color:var(--purple);width:16px;height:16px}.order-item{display:flex;gap:14px;padding:14px;align-items:center}.order-item+.order-item{border-top:1px solid var(--line)}.order-item .thumb{width:74px;height:74px;border-radius:12px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;font-size:30px}.order-item .thumb img{width:100%;height:100%;object-fit:cover}.order-item .oi-name{font-weight:700;font-size:15px}.order-item .oi-spec{color:var(--faint);font-size:12.5px;margin-top:2px}.order-item .oi-right{display:flex;align-items:center;gap:14px;margin-left:auto}.qty{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.qty button{width:32px;height:34px;background:var(--glass);border:none;color:var(--txt);cursor:pointer;font-size:16px}.qty button:hover{background:var(--glass2)}.qty span{min-width:34px;text-align:center;font-weight:700;font-size:14px}.summary{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.summary .sr{display:flex;justify-content:space-between;padding:7px 0;color:var(--dim);font-size:14px}.summary .sr.total{color:var(--txt);font-weight:800;font-size:17px;border-top:1px solid var(--line);margin-top:8px;padding-top:14px}.summary .sr.total b{color:var(--pink);font-size:22px}.empty{padding:70px 20px;text-align:center}.empty .e-ico{font-size:54px;opacity:.6;margin-bottom:16px;display:block;animation:float 5s ease-in-out infinite}.empty h3{font-size:20px;font-weight:800;margin-bottom:8px}.empty p{color:var(--dim);font-size:14.5px;margin-bottom:22px}.footer{margin-top:90px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(138,92,255,.06));padding:56px 0 34px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px;margin-bottom:40px}.foot-brand p{color:var(--dim);font-size:14px;margin-top:14px;max-width:320px}.foot-col h4{font-size:14px;font-weight:700;margin-bottom:16px;letter-spacing:1px}.foot-col a{display:block;color:var(--dim);font-size:14px;padding:6px 0;transition:.2s;cursor:pointer}.foot-col a:hover{color:var(--pink);transform:translate(3px)}.foot-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:10px;color:var(--faint);font-size:12.5px;flex-wrap:wrap}@media (max-width: 760px){.foot-grid{grid-template-columns:1fr 1fr}}.toasts{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:#141226f2;border:1px solid var(--line2);padding:12px 20px;border-radius:999px;font-size:14px;font-weight:600;box-shadow:var(--shadow);animation:toastIn .3s ease}.toast .t-ico{color:var(--green)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#05040cb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:120;display:grid;place-items:center;padding:20px;animation:fade .25s}.modal{width:100%;max-width:420px;background:linear-gradient(180deg,#1b1830,#141226);border:1px solid var(--line2);border-radius:20px;padding:26px;box-shadow:var(--shadow);animation:pop .3s cubic-bezier(.2,1.2,.4,1)}.modal h3{font-size:19px;font-weight:800;margin-bottom:6px}.modal .m-desc{color:var(--dim);font-size:14px;margin-bottom:20px}.modal .m-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}.designer{display:flex;flex-direction:column;height:calc(100vh - 68px);min-height:560px}.dtool{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);background:#0c0a16d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap}.dtool-title{display:flex;flex-direction:column;margin-right:auto;min-width:0}.dtool-title b{font-size:16px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dtool-title span{font-size:12px;color:var(--faint)}.dtool-group{display:flex;align-items:center;gap:8px}.zoom-num{min-width:52px;text-align:center;font-size:13px;color:var(--dim);font-weight:700}.dbody{flex:1;min-height:0;display:flex;gap:12px;padding:12px}.dpanel{width:248px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;border-radius:16px;position:relative}.dpanel-head{display:flex;gap:4px;padding:10px 10px 0;border-bottom:1px solid var(--line);flex-shrink:0}.dtab{flex:1;text-align:center;padding:9px 6px;font-size:13.5px;font-weight:600;color:var(--dim);cursor:pointer;border-radius:10px 10px 0 0;transition:.2s;border:none;background:none}.dtab.active{color:#fff;background:#ffffff12}.dpanel-body{flex:1;overflow-y:auto;padding:14px}.dpanel-close{display:none}.dstage{flex:1;min-width:0;border-radius:16px;border:1px solid var(--line);background:radial-gradient(600px 400px at 20% 10%,rgba(138,92,255,.12),transparent 60%),#0d0c18;position:relative;overflow:hidden}.stage-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;display:grid;place-items:center;padding:30px}.canvas-holder{position:relative;border-radius:6px;box-shadow:0 24px 80px #0000008c,0 0 0 1px #ffffff1f;background:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%);background-size:18px 18px;background-position:0 0,9px 9px;background-color:#2a2836}.canvas-holder canvas{display:block}.zhint{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:5;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:12px;padding:6px 14px;border-radius:99px;pointer-events:none;border:1px solid rgba(255,255,255,.15);white-space:nowrap}.zoom-fab{position:absolute;right:14px;bottom:14px;z-index:6;display:flex;flex-direction:column;gap:8px}.zoom-fab .icon-btn{background:#141226e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ptitle{font-size:12px;font-weight:700;color:var(--faint);letter-spacing:1px;margin:18px 0 10px;text-transform:uppercase}.ptitle:first-child{margin-top:0}.mlist{display:flex;flex-direction:column;gap:8px}.mrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--glass);cursor:pointer;transition:.2s;text-align:left;width:100%;color:var(--txt)}.mrow:hover{border-color:var(--line2);background:var(--glass2);transform:translate(3px)}.mrow .m-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.mrow .m-txt{font-size:14px;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mrow .m-sub{font-size:11.5px;color:var(--faint);font-weight:400}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:9px}.swatch{width:34px;height:34px;border-radius:10px;border:2px solid transparent;cursor:pointer;transition:.2s;padding:0}.swatch:hover{transform:scale(1.15)}.swatch.sel{border-color:#fff;box-shadow:0 0 0 3px #fff3}.grad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:9px}.grad-cell{height:44px;border-radius:12px;cursor:pointer;border:2px solid transparent;transition:.2s}.grad-cell:hover{transform:scale(1.06)}.stick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.stick{aspect-ratio:1;border-radius:12px;background:var(--glass2);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;padding:8px;transition:.2s}.stick:hover{transform:scale(1.08);border-color:var(--line2)}.stick img{width:100%;height:100%;object-fit:contain}.prop-row{margin-bottom:14px}.prop-row .plabel{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--dim);margin-bottom:7px;font-weight:600}.prop-row .plabel output{color:var(--txt);font-variant-numeric:tabular-nums}.range{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:99px;background:#ffffff1f;outline:none}.range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--grad);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 8px #0006}.seg{display:flex;background:var(--glass2);border:1px solid var(--line);border-radius:11px;overflow:hidden}.seg button{flex:1;padding:8px 4px;background:none;border:none;color:var(--dim);font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.seg button.active{background:var(--grad);color:#fff}.layers{display:flex;flex-direction:column;gap:6px}.layer-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--glass);cursor:pointer;font-size:13px;transition:.2s}.layer-row:hover{border-color:var(--line2)}.layer-row.active{border-color:var(--purple);background:#8a5cff1f}.layer-row .l-eye{background:none;border:none;color:var(--faint);cursor:pointer;font-size:14px;padding:2px}.layer-row .l-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row .l-type{font-size:11px;color:var(--faint)}.color-picker{width:100%;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--glass2);cursor:pointer;padding:2px}.none-hint{text-align:center;color:var(--faint);font-size:13px;padding:24px 10px;line-height:1.8}.none-hint .big{font-size:34px;display:block;margin-bottom:10px;opacity:.7}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.mobile-bars{display:none}@media (max-width: 960px){.hide-sm{display:none!important}.designer{height:calc(100vh - 68px)}.dbody{padding:8px}.dpanel{position:fixed;top:68px;bottom:0;left:0;z-index:70;width:min(86vw,320px);border-radius:0 18px 18px 0;transform:translate(-102%);transition:.3s;background:linear-gradient(180deg,#17142a,#120f22);box-shadow:var(--shadow)}.dpanel.open{transform:translate(0)}.dpanel.right-panel{left:auto;right:0;border-radius:18px 0 0 18px;transform:translate(102%)}.dpanel.right-panel.open{transform:translate(0)}.dpanel-close{display:inline-flex;position:absolute;top:10px;right:10px;z-index:2}.mobile-bars{display:flex;gap:8px;padding:8px 12px;background:#0c0a16eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);flex-shrink:0}.mobile-bars .btn{flex:1;font-size:13px;padding:10px 6px}.stage-scroll{padding:16px}.dtool-title b{font-size:14px}.zhint{display:none}}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}.route-in{animation:fadeUp .45s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}