:root{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#160a3a;background:#ebe8f0;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #160a3a;--purple: #5f16d3;--purple-dark: #35109a;--purple-soft: #f5efff;--lime: #baff00;--orange: #ff7a12;--paper: #fffdf8;--canvas: #ebe8f0;--line: #e6dcf2;--muted: #6e687d;--success: #237a53;--danger: #c2324e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:not(:disabled),a,select:not(:disabled){cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}button:disabled,input:disabled,select:disabled{cursor:not-allowed}img{display:block;max-width:100%}.login-shell{min-height:100vh;padding:24px;display:grid;place-items:center;background:var(--canvas)}.login-card{width:min(430px,100%);padding:34px;display:grid;gap:13px;border:1px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:0 20px 60px #2411481f}.login-card .brand-icon{margin-bottom:4px}.login-card h1{margin:0;font-size:30px;letter-spacing:-.04em}.login-card>p{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.6}.login-card label{display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:750}.login-card input{width:100%;min-height:46px;padding:0 13px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}.login-card .primary{width:100%;margin-top:6px}.login-error{padding:10px 12px;border:1px solid #ffd0d8;border-radius:10px;color:var(--danger)!important;background:#fff2f4}.admin-modal{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto}.member-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto}.admin-modal h3,.member-modal h3{margin:22px 0 8px;font-size:15px}.admin-metrics,.member-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.admin-metrics span,.member-summary span{min-width:0;padding:12px;display:grid;gap:3px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:12px}.admin-metrics strong,.member-summary strong{color:var(--ink);font-size:18px}.member-summary{grid-template-columns:repeat(3,1fr)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan-grid article{padding:14px;display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.plan-grid b{color:var(--purple);font-size:24px}.plan-grid span{color:var(--muted);font-size:12px}.order-list{display:grid;gap:8px;max-height:300px;overflow:auto}.order-row{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.order-row>div:first-child{display:grid;gap:3px}.order-row span,.order-row small{color:var(--muted);font-size:12px}.payment-confirm{display:flex;gap:8px;align-items:center}.payment-confirm input{width:170px;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px}.admin-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px}.admin-form input{min-width:0;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:10px}.ai-config-panel{margin:18px 0 22px;padding:18px 20px;border:1px solid #e4d8f5;border-radius:14px;background:#fff}.config-eyebrow{display:inline-block;padding:7px 12px;border-radius:6px;background:#f0e4ff;color:#5f19c9;font-weight:700}.config-subtitle{color:#6d6082;margin:6px 0 16px}.config-card{border:1px solid #e4d8f5;border-radius:12px;overflow:hidden}.config-card-head{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(100deg,#fff,#f4ffd0)}.config-card-head h4{margin:0;font-size:20px}.config-card-head p{margin:4px 0 0;color:#6d6082}.config-icon,.provider-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#6120d8;color:#fff;font-size:24px}.config-badge,.provider-status{margin-left:auto;padding:9px 13px;border-radius:20px;background:#edffc1;color:#397000;font-weight:700;white-space:nowrap}.provider-row{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid #eee6f7}.provider-number{color:#81749a;font-weight:700}.provider-icon{width:42px;height:42px;background:#eee4ff;color:#6120d8}.provider-name{display:grid;gap:3px}.provider-name strong{font-size:18px}.provider-name small{color:#6d6082}.provider-status{background:#f1edf7;color:#756a85}.provider-status.ok{background:#edffc1;color:#397000}.config-form{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;padding:16px 18px 20px;border-top:1px solid #eee6f7}.config-form h4{margin:0}.config-form p{color:#6d6082;margin:6px 0}.config-form form{display:grid;gap:9px}.config-form input{min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px}.config-form button{width:fit-content}@media(max-width:700px){.config-card-head{display:flex;flex-wrap:wrap;align-items:flex-start}.config-card-head>div{flex:1 1 190px;min-width:0}.config-card-head h4{font-size:18px;white-space:nowrap}.config-badge{margin-left:58px;width:fit-content}.config-form{grid-template-columns:1fr;display:grid}.config-form>div{min-width:0}.config-form button{width:100%}}.password-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.password-form input{min-width:0;min-height:42px;padding:0 10px;border:1px solid var(--line);border-radius:8px}.password-form button{grid-column:1 / -1}.admin-message{margin:12px 0 0;color:var(--purple);font-size:13px}.user-list{display:grid;gap:8px;margin-top:18px;max-height:280px;overflow:auto}.user-row{min-height:48px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.user-row span{display:grid;gap:2px}.user-row small{color:var(--muted);font-size:11px}.app-canvas{min-height:100vh;padding:14px}.app-shell{width:min(1480px,100%);min-height:calc(100vh - 28px);margin:0 auto;overflow:hidden;background:var(--paper);border:1px solid rgba(79,42,137,.08);border-radius:42px;box-shadow:0 20px 60px #24114814}.topbar{min-height:82px;padding:14px 28px 14px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:15px;flex:0 0 auto}.brand-icon{width:54px;height:54px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border:3px solid var(--ink);border-radius:18px 26px 18px 18px;transform:rotate(-2deg)}.brand-lockup>div{display:grid;gap:1px}.brand-lockup strong{font-size:22px;line-height:1.2;letter-spacing:-.03em}.brand-lockup span:last-child{color:var(--purple);font-size:10px;font-weight:800;letter-spacing:.12em}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.service-badge,.local-badge,.help-button{min-height:42px;border-radius:14px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;white-space:nowrap}.service-badge{padding:0 13px;border:1px solid #dfd5ec;background:#fff;color:var(--ink)}.service-badge.is-ok{color:var(--success);background:#effaf3;border-color:#c9ead6}.service-badge.has-warning{color:#9a4020;background:#fff4eb;border-color:#ffd7bd}.local-badge{padding:0 14px;color:var(--purple);background:var(--purple-soft);border:1px solid #e2d3f8}.help-button{padding:0 14px;color:var(--ink);background:transparent;border:1px solid var(--line)}.help-button:hover,.service-badge:hover{border-color:#bfa9df}.workspace{display:grid;grid-template-columns:minmax(400px,455px) minmax(560px,1fr);gap:26px;padding:26px 30px 24px}.control-panel,.mirror-panel{border:1px solid var(--line);border-radius:28px;background:#fff}.control-panel{padding:28px}.greeting{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:15px}.control-panel h1{margin:10px 0;font-size:clamp(31px,3vw,42px);line-height:1.14;letter-spacing:-.045em}.control-panel h1 em{color:var(--purple);font-style:normal}.intro{max-width:400px;margin:0 0 23px;color:var(--muted);font-size:14px;line-height:1.65}.upload-block+.upload-block{margin-top:19px}.upload-heading{display:flex;align-items:center;gap:11px;margin-bottom:10px}.step-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px}.step-icon.purple{color:#fff;background:var(--purple)}.step-icon.lime{color:var(--ink);background:var(--lime)}.step-kicker{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.08em}.upload-heading h2{margin:1px 0 0;font-size:16px;line-height:1.2}.drop-zone{height:154px;position:relative;overflow:hidden;border:1.5px dashed #cdbce2;border-radius:18px;background:#fdfbff;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.drop-zone:hover{border-color:var(--purple);background:#faf6ff}.drop-zone.is-dragging{border-color:var(--purple);background:#f2eaff;transform:translateY(-2px)}.drop-zone.has-error{border-color:var(--danger)}.drop-zone input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.drop-zone-button{width:100%;height:100%;padding:17px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--purple);background:transparent}.drop-zone-button strong{margin-top:2px;color:var(--ink);font-size:14px}.drop-zone-button span{color:var(--muted);font-size:12px}.drop-zone-button small{margin-top:4px;padding:4px 8px;border-radius:999px;color:#736b7c;background:#f1edf4;font-size:10px}.drop-zone.has-image{border-style:solid;background:#f3eff5}.drop-zone.has-image>img{width:100%;height:100%;object-fit:contain}.image-actions{position:absolute;top:9px;right:9px;display:flex;gap:6px}.mini-button,.icon-button{min-height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);background:#fffdf8f2;border:1px solid rgba(22,10,58,.14);font-size:12px;font-weight:750;box-shadow:0 5px 18px #1d0e3c17}.mini-button{padding:0 10px}.icon-button{width:36px}.icon-button.danger{color:var(--danger)}.file-label{position:absolute;left:9px;bottom:9px;max-width:calc(100% - 18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px;border-radius:8px;color:var(--ink);background:#fffdf8f0;font-size:10px;font-weight:650}.inline-error{margin:7px 2px 0;display:flex;align-items:center;gap:6px;color:var(--danger);font-size:12px}.options-row{margin-top:19px;display:grid;grid-template-columns:.86fr 1.4fr;gap:10px}.options-row label{display:grid;gap:7px}.options-row label>span{color:var(--muted);font-size:11px;font-weight:700}.options-row select,.options-row input{width:100%;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 11px;color:var(--ink);background:#fff;font-size:12px}.options-row input::placeholder{color:#9d96a7}.options-row select:hover,.options-row input:hover{border-color:#bfa9df}.primary,.secondary,.tertiary,.danger-button{min-height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;font-weight:800;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.primary{color:#fff;background:var(--purple);border-color:var(--purple)}.primary:hover:not(:disabled){background:var(--purple-dark);border-color:var(--purple-dark)}.primary:active:not(:disabled),.secondary:active,.tertiary:active,.danger-button:active{transform:translateY(1px)}.primary:disabled{color:#8b8494;background:#e8e3ec;border-color:#e8e3ec}.secondary{color:var(--purple);background:#fff;border-color:#d9caec}.secondary:hover{background:var(--purple-soft);border-color:var(--purple)}.tertiary{color:var(--muted);background:transparent;border-color:transparent}.tertiary:hover{color:var(--ink);background:#f3eff5}.danger-button{color:#fff;background:var(--danger)}.compact{min-height:42px;padding:0 14px;font-size:13px}.start-button{width:100%;margin-top:18px}.disclaimer{margin:10px 0 0;display:flex;align-items:flex-start;justify-content:center;gap:5px;color:var(--muted);font-size:10px;line-height:1.5}.disclaimer svg{flex:0 0 auto;margin-top:1px}.mirror-panel{padding:24px;min-width:0;display:flex;flex-direction:column;background:#fcfaff}.mirror-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.mirror-header>div>span{color:var(--purple);font-size:11px;font-weight:800;letter-spacing:.08em}.mirror-header h2{margin:3px 0 0;font-size:22px;letter-spacing:-.02em}.mirror-status{min-height:34px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700}.mirror-status>span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px #baff0030}.mirror-stage{flex:1;min-height:644px;overflow:hidden;position:relative;border:1px solid #ddd1ea;border-radius:24px;background:#f5f0f8}.stage-empty{min-height:644px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stage-illustration{width:112px;height:112px;display:grid;place-items:center;margin-bottom:21px;color:var(--purple);background:var(--lime);border:3px solid var(--ink);border-radius:34px 48px 34px 34px;transform:rotate(-2deg)}.stage-label{color:var(--purple);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.stage-empty h2,.working-card h2,.error-stage h2{margin:9px 0 8px;font-size:28px;letter-spacing:-.035em}.stage-empty p,.working-card p,.error-stage p{max-width:460px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.stage-tips{margin-top:22px;display:flex;gap:10px}.stage-tips span{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;color:var(--ink);background:#fff;border:1px solid var(--line);font-size:11px;font-weight:700}.stage-tips svg{color:var(--success)}.working-stage,.result-stage{min-height:644px;position:relative}.working-stage>img{width:100%;height:644px;object-fit:contain;filter:blur(4px);opacity:.75}.working-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#160a3a73}.working-card{width:min(420px,calc(100% - 40px));position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);padding:26px;border-radius:24px;text-align:center;color:var(--ink);background:#fffdf8f5;border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 55px #12073047}.working-icon{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;color:var(--ink);background:var(--lime)}.working-card h2{font-size:23px}.truthful-progress{height:7px;margin:20px 0 10px;overflow:hidden;border-radius:999px;background:#e9e2ed}.truthful-progress span{display:block;width:38%;height:100%;border-radius:inherit;background:var(--purple);animation:travel 1.5s ease-in-out infinite alternate}.working-card small{color:#80788a;font-size:10px}.garment-thumb{position:absolute;z-index:3;top:16px;right:16px;width:112px;padding:7px;border-radius:18px;background:#fff;box-shadow:0 10px 35px #14083029}.garment-thumb img{width:98px;height:106px;object-fit:contain;border-radius:12px;background:#f3eef6}.garment-thumb span{display:block;margin-top:5px;text-align:center;font-size:10px;font-weight:700}.error-stage{min-height:644px;padding:54px 38px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error-symbol{width:72px;height:72px;margin-bottom:16px;display:grid;place-items:center;color:var(--danger);background:#fff0f2;border-radius:22px}.error-stage h2{font-size:27px}.error-stage p{max-width:520px}.error-actions{margin-top:22px;display:flex;gap:9px}.error-inputs{margin-top:25px;display:grid;grid-template-columns:86px 28px 86px;align-items:center}.error-inputs img{width:86px;height:108px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid var(--line)}.error-inputs span{font-weight:900;color:var(--purple)}.result-stage{display:grid;grid-template-rows:minmax(500px,1fr) auto;background:#e9e3ed}.result-image{width:100%;height:526px;object-fit:contain}.zoom-button{position:absolute;top:14px;right:14px;min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(22,10,58,.16);border-radius:12px;color:var(--ink);background:#fffdf8f2;font-size:12px;font-weight:750}.result-summary{min-height:118px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-top:1px solid var(--line)}.success-label{display:inline-flex;align-items:center;gap:5px;color:var(--success);font-size:11px;font-weight:800}.result-summary h2{margin:5px 0 0;font-size:18px}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}footer{min-height:48px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);border-top:1px solid var(--line);font-size:10px}.toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translate(-50%);max-width:min(520px,calc(100vw - 32px));min-height:46px;padding:0 16px;border-radius:14px;display:flex;align-items:center;gap:8px;color:#fff;background:var(--ink);box-shadow:0 14px 40px #14083040;font-size:13px;font-weight:650}.modal-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#160a3a80}.modal-backdrop.dark{background:#07040edb}.modal{width:min(470px,100%);position:relative;padding:30px;border-radius:26px;background:var(--paper);box-shadow:0 24px 80px #0a041c4d}.modal-close,.image-close{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.modal-close{position:absolute;top:14px;right:14px;color:var(--ink);background:#fff;border:1px solid var(--line)}.modal-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:var(--ink);background:var(--lime)}.modal-icon.warning{color:var(--danger);background:#fff0f2}.modal h2{margin:16px 0 9px;font-size:24px}.modal p,.modal li{color:var(--muted);font-size:13px;line-height:1.7}.modal ol{padding-left:22px}.modal>.primary{width:100%;margin-top:8px}.modal-actions{margin-top:22px;display:flex;justify-content:flex-end;gap:8px}.image-modal{width:min(1120px,calc(100vw - 48px));height:min(92vh,920px);position:relative;display:grid;place-items:center}.image-modal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:18px}.image-close{position:absolute;z-index:2;top:12px;right:12px;color:#fff;background:#160a3acc;border:1px solid rgba(255,255,255,.4)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes travel{0%{transform:translate(-15%)}to{transform:translate(180%)}}@media(max-width:1180px){.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap}.workspace{grid-template-columns:390px minmax(520px,1fr);padding-inline:22px;gap:20px}.control-panel{padding:23px}.mirror-panel{padding:20px}}@media(max-width:1000px){.app-canvas{padding:0}.app-shell{min-height:100vh;border-radius:0}.workspace{grid-template-columns:1fr}.control-panel{max-width:680px;margin:0 auto}.mirror-panel{min-height:720px}.topbar{flex-wrap:wrap}.topbar-actions{width:100%;justify-content:flex-start}}@media(max-width:680px){.admin-modal,.member-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.admin-modal .order-row{min-width:0;width:100%;box-sizing:border-box}.admin-modal .order-row>div:first-child{min-width:0;overflow-wrap:anywhere}.admin-modal .payment-confirm,.admin-modal .payment-confirm .primary{width:100%}.admin-metrics,.member-summary,.plan-grid{grid-template-columns:1fr}.order-row,.payment-confirm{align-items:stretch;flex-direction:column}.payment-confirm input{width:100%}.topbar{padding:14px 18px}.brand-lockup strong{font-size:18px}.local-badge,.help-button{display:inline-flex}.topbar-actions{gap:7px}.topbar-actions .help-button,.topbar-actions .service-badge,.topbar-actions .local-badge{min-height:38px;padding:8px 11px;font-size:13px}.workspace{padding:18px 14px}.control-panel,.mirror-panel{padding:18px;border-radius:22px}.options-row{grid-template-columns:1fr}.mirror-stage,.stage-empty,.working-stage,.error-stage{min-height:540px}.working-stage>img{height:540px}.result-summary{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:12px}.admin-form,.password-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}