.config{margin-top:24px;display:flex;flex-direction:column;gap:22px}.opt-head{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#e8eaed;margin-bottom:12px}.opt-head em{margin-left:4px;font-style:normal;color:#ffc81e;font-weight:700}.opt-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#15161a;border:1px solid #2a2c31;color:#ffc81e;font-size:12px;font-weight:700}.colorslider{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:2px 0;border-radius:999px;background:#23252b;outline:none;cursor:pointer}.colorslider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(#ffd34d,#ffc81e);border:2px solid #0a0b0d;box-shadow:0 1px 4px #00000080;cursor:pointer}.colorslider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(#ffd34d,#ffc81e);border:2px solid #0a0b0d;box-shadow:0 1px 4px #00000080;cursor:pointer}.colorslider:focus-visible{box-shadow:0 0 0 3px #ffc81e4d}.wz-colors-hint{margin-top:8px;font-size:12px;color:#757b82}.modeRow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.modeRow>span{font-size:13px;color:#9aa0a6}.modes{display:inline-flex;background:#15161a;border:1px solid #2a2c31;border-radius:999px;padding:3px}.mode{cursor:pointer;font-size:12.5px;font-weight:600;color:#c8ccd0;background:transparent;border:none;border-radius:999px;padding:6px 14px}.mode.active{color:#0a0a0a;background:#ffc81e}.swatches{display:flex;gap:12px;flex-wrap:wrap}.sw{width:42px;height:42px;border-radius:12px;cursor:pointer;background:var(--c);border:2px solid #2a2c31;box-shadow:inset 0 0 #0b0c0e;transition:transform .1s,border-color .12s,box-shadow .12s}.sw:hover{transform:translateY(-2px)}.sw.active{border-color:#ffc81e;box-shadow:0 0 0 3px #ffc81e38}.seg{display:flex;gap:3px;touch-action:none;user-select:none}.seg-cell{flex:1;min-width:0;height:30px;border-radius:5px;cursor:pointer;padding:0;background:#15161a;border:1px solid #2a2c31;transition:background .1s,border-color .1s}.seg-cell:hover{border-color:#4a4d55}.seg-cell.on{background:linear-gradient(#ffd34d,#ffc81e);border-color:#ffc81e}.seg-cell.rec{border-color:#5aa9ff;box-shadow:0 0 0 2px #5aa9ff8c inset;background:#23436b}.seg-cell.on.rec{background:linear-gradient(#ffd34d,#ffc81e)}.summary{display:flex;gap:14px;margin-top:6px;flex-wrap:wrap}.stat{flex:1 1 150px;background:#0e0f12;border:1px solid #20222a;border-radius:12px;padding:12px 16px}.stat span{display:block;font-size:12px;color:#9aa0a6;margin-bottom:2px}.stat b{font-size:18px;font-weight:700;color:#ffc81e;letter-spacing:-.01em}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1.5px dashed #2f323a;border-radius:14px;background:#0e0f12;color:#9aa0a6;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.drop:hover,.drop.drag{border-color:#ffc81e;background:#15161a;color:#e8eaed}.drop-icon{font-size:22px;color:#ffc81e}.previews{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.previews figure{margin:0}.previews canvas{width:100%;height:auto;display:block;background:#0b0c0e;border:1px solid #1f2126}.previews figure{align-self:start}.previews figcaption{margin-top:8px;font-size:12.5px;color:#757b82}#orig{cursor:crosshair;touch-action:none}.lens{position:fixed;width:220px;height:220px;border-radius:50%;z-index:60;pointer-events:none;background:#0b0c0e;border:3px solid #ffc81e;box-shadow:0 10px 34px #0009}.lens[hidden]{display:none}.cropreset{cursor:pointer;font-size:11.5px;color:#9aa0a6;background:#15161a;border:1px solid #2a2c31;border-radius:999px;padding:2px 9px;margin-left:4px}.cropreset:hover{color:#fff;border-color:#ffc81e}.legend-wrap{margin-top:24px}.legend-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.legend-head{font-size:14px;font-weight:650;color:#e8eaed}.legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.lg-item{display:flex;align-items:center;gap:10px;background:#0e0f12;border:1px solid #20222a;border-radius:10px;padding:8px 12px}.lg-sw{width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.18);flex:none}.lg-name{font-size:12.5px;color:#c2c7cc;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-cnt{font-size:13px;font-weight:700;color:#ffc81e}.projname{margin-top:26px;display:flex;flex-direction:column;gap:8px}.projname span{font-size:14px;font-weight:600;color:#e8eaed}.projname input{font-size:15px;color:#e8eaed;background:#15161a;border:1px solid #2a2c31;border-radius:10px;padding:12px 14px;max-width:420px}.projname input:focus{outline:none;border-color:#ffc81e}.genbtn{margin-top:14px;cursor:pointer;font-size:15px;font-weight:700;color:#0a0a0a;background:#ffc81e;border:none;border-radius:12px;padding:14px 24px}.genbtn:hover{background:#ffd34d}.dlrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.dlbtn{cursor:pointer;font-size:13px;font-weight:650;color:#0a0a0a;background:#ffc81e;border:1px solid #ffc81e;border-radius:999px;padding:9px 16px}.dlbtn:hover{background:#ffd34d}.dlbtn.dlbtn-2{background:#15161a;color:#e8eaed;border-color:#2a2c31}.dlbtn.dlbtn-2:hover{background:#1d1f24;border-color:#ffc81e;color:#fff}.dlqual{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#9aa0a6}.dlqual select{font-size:13px;color:#e8eaed;background:#15161a;border:1px solid #2a2c31;border-radius:8px;padding:7px 10px}.dlqual select:focus{outline:none;border-color:#ffc81e}.dlhint{margin-top:7px;font-size:11.5px;color:#757b82}@media(max-width:560px){.previews{grid-template-columns:1fr}}.wz{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);min-height:min(84vh,820px);display:grid;grid-template-columns:1fr clamp(380px,34vw,460px);background:radial-gradient(120% 90% at 30% 0%,#15171c,#0a0b0d 60%,#060708);border-top:1px solid #1b1d22;border-bottom:1px solid #1b1d22;overflow:hidden}.wz-stage3d{position:relative;overflow:hidden}#preview3d{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#preview3d:active{cursor:grabbing}.wz-hud{position:absolute;top:16px;left:16px;display:flex;gap:8px;flex-wrap:wrap;max-width:70%;pointer-events:none}.wz-chip{display:flex;flex-direction:column;gap:1px;padding:7px 12px;border-radius:12px;background:#0c0d1099;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 22px #00000059;animation:chipIn .5s both}.wz-chip span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8b9097}.wz-chip b{font-size:15px;font-weight:750;color:#ffc81e;letter-spacing:-.01em}.wz-chip:nth-child(2){animation-delay:.06s}.wz-chip:nth-child(3){animation-delay:.12s}.wz-chip:nth-child(4){animation-delay:.18s}@keyframes chipIn{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:none}}.wz-chip.pulse{animation:chipPulse .5s}@keyframes chipPulse{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.wz-view{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#cfd3d8;background:#0c0d1099;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 22px #00000059;transition:color .15s,background .15s,border-color .15s,transform .12s}.wz-view:hover{color:#fff;transform:translateY(-1px);border-color:#ffffff38}.wz-view.on{color:#0a0a0a;background:#ffc81e;border-color:#ffc81e}.wz-3dhint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:11.5px;color:#6e747b;background:#0a0b0d73;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.05);pointer-events:none;white-space:nowrap}.wz-pvload{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#9aa0a6;font-size:14px;background:#0a0b0d;transition:opacity .5s;z-index:2}.wz-pvload.hide{opacity:0;pointer-events:none}.wz-spin{width:18px;height:18px;border-radius:50%;border:2px solid #2a2c31;border-top-color:#ffc81e;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wz-panel{position:relative;display:flex;flex-direction:column;background:#0a0b0d;border-left:1px solid #1b1d22;min-width:0}.wz-progress{display:flex;gap:10px;padding:18px 26px 8px;flex-wrap:wrap}.wz-pip{width:44px;height:44px;flex:0 0 44px;min-width:0;padding:0;margin:0;appearance:none;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font:700 16px/1 inherit;color:#6b7178;border-radius:50%;background:#1a1c20;border:1px solid #2a2c31;position:relative;transition:background .35s,border-color .35s,transform .35s,color .35s,box-shadow .35s;cursor:pointer}.wz-pip>span{position:relative;z-index:1}.wz-pip:after{content:"";position:absolute;inset:4px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.4),transparent 62%);opacity:0;transition:opacity .35s}.wz-pip.done{background:#4a3c12;border-color:#6a560f;color:#e8c552}.wz-pip.active{background:linear-gradient(#ffd34d,#ffc81e);border-color:#ffc81e;color:#1a1400;transform:scale(1.06);box-shadow:0 0 0 5px #ffc81e29}.wz-pip.active:after,.wz-pip.done:after{opacity:1}.wz-stages{position:relative;flex:1 1 auto;min-height:0}.wz-stage{position:absolute;inset:0;padding:22px 26px 24px;overflow-y:auto;overflow-x:hidden;opacity:0;transform:translate(36px) scale(.98);pointer-events:none;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.9,.25,1.1);will-change:transform,opacity}.wz-stage.is-prev{transform:translate(-36px) scale(.98)}.wz-stage.is-active{opacity:1;transform:none;pointer-events:auto}.wz-stage::-webkit-scrollbar{width:8px}.wz-stage::-webkit-scrollbar-thumb{background:#23252b;border-radius:8px}.wz-stage.is-active>*{animation:brickIn .5s both cubic-bezier(.2,.85,.25,1.12)}.wz-stage.is-active>*:nth-child(1){animation-delay:.04s}.wz-stage.is-active>*:nth-child(2){animation-delay:.1s}.wz-stage.is-active>*:nth-child(3){animation-delay:.16s}.wz-stage.is-active>*:nth-child(4){animation-delay:.22s}.wz-stage.is-active>*:nth-child(5){animation-delay:.28s}.wz-stage.is-active>*:nth-child(6){animation-delay:.34s}@keyframes brickIn{0%{opacity:0;transform:translateY(14px)}60%{opacity:1}to{opacity:1;transform:none}}.wz-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#ffc81e;margin-bottom:10px}.wz-step-no{font-size:12px;font-weight:800;letter-spacing:.12em;color:#3f4650;margin-bottom:4px}.wz-h{font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.06;letter-spacing:-.02em;color:#f4f6f8;margin:0 0 10px}.wz-sub{font-size:14px;line-height:1.6;color:#9aa0a6;margin:0 0 20px;max-width:42ch}.wz-cta{margin-top:8px;cursor:pointer;font-size:16px;font-weight:750;color:#0a0a0a;background:#ffc81e;border:none;border-radius:999px;padding:14px 26px;box-shadow:0 8px 26px #ffc81e40;transition:transform .12s,background .15s,box-shadow .15s}.wz-cta:hover{background:#ffd34d;transform:translateY(-2px);box-shadow:0 12px 32px #ffc81e59}.wz-stage .opt{margin-top:18px}.wz-stage .modeRow{margin-bottom:4px}.wz-crop,.wz-flat{margin:16px 0 0}.wz-crop canvas,.wz-flat canvas{width:100%;height:auto;display:block;background:#0b0c0e;border:1px solid #1f2126;border-radius:10px}.wz-crop figcaption,.wz-flat figcaption{margin-top:8px;font-size:12px;color:#757b82}.wz-stage .drop{margin-top:4px}.wz-stage .swatches{margin-top:2px}.wz-stage .legend-wrap{margin-top:22px}.wz-stage .projname{margin-top:6px}.wz-stage .genbtn{margin-top:18px}.wz-stage .status,.wz-stage #status{margin-top:14px}.wz-nav{display:flex;align-items:center;gap:12px;padding:14px 26px 20px;border-top:1px solid #16181d}.wz-navlabel{flex:1 1 auto;text-align:center;font-size:12px;letter-spacing:.04em;color:#6e747b;text-transform:uppercase}.wz-navbtn{cursor:pointer;font-size:14px;font-weight:700;border-radius:999px;padding:11px 20px;border:1px solid #2a2c31;background:#15161a;color:#e8eaed;transition:transform .12s,background .15s,border-color .15s,opacity .15s}.wz-navbtn:hover{border-color:#ffc81e;transform:translateY(-1px)}.wz-next{background:#ffc81e;color:#0a0a0a;border-color:#ffc81e}.wz-next:hover{background:#ffd34d}.wz-navbtn:disabled{opacity:.35;cursor:default;transform:none;border-color:#2a2c31}.wz-navbtn:disabled:hover{border-color:#2a2c31}@media(max-width:860px){.wz{grid-template-columns:1fr;min-height:unset}.wz-stage3d{height:46vh;min-height:320px}.wz-panel{border-left:none;border-top:1px solid #1b1d22}.wz-stages{height:56vh}}