:root{--bg:#f6f6f7;--card:#fff;--text:#1a1a1a;--muted:#6b6b70;--border:#e3e3e6;--accent:#e4393c;--error-bg:#fdecec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161618;--card:#222225;--text:#ececee;--muted:#9a9aa0;--border:#36363a;--error-bg:#3a2020}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}main{max-width:1100px;margin:0 auto;padding:24px 16px 48px}h1{margin:0 0 4px;font-size:22px}.sub{color:var(--muted);margin:0 0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}label{margin:16px 0 6px;font-weight:600;display:block}label:first-child{margin-top:0}input[type=text],input[type=password],select,textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.hint{color:var(--muted);margin-top:4px;font-size:12px}.hint a{color:inherit}button,.btn{border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:8px 16px;text-decoration:none;display:inline-block}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error{background:var(--error-bg);border-radius:8px;margin-top:16px;padding:10px 12px}[hidden]{display:none!important}.grid{grid-template-columns:1fr 1fr 2fr;gap:16px;display:grid}@media (max-width:760px){.grid{grid-template-columns:1fr 1fr}.result{grid-column:1/-1}}.card h2{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.card h2 .row{justify-content:space-between}.card>img,.drop img,.stage img{border-radius:8px;max-width:100%;display:block}.stage{min-height:320px;color:var(--muted);text-align:center;place-items:center;display:grid}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.controls{margin-top:16px}.controls select{width:auto}.controls input[type=text]{flex:1;min-width:200px}.history{margin-top:24px}.history-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.history-item{cursor:pointer;border:1px solid var(--border);background:var(--bg);aspect-ratio:3/4;border-radius:8px;position:relative;overflow:hidden}.history-item:hover{border-color:var(--accent)}.h-result{object-fit:cover;width:100%;height:100%;display:block}.h-garment{aspect-ratio:1;object-fit:cover;border:2px solid var(--card);background:#fff;border-radius:6px;width:36%;position:absolute;bottom:6px;left:6px}.h-del{text-align:center;opacity:0;color:#fff;background:#0009;border:none;border-radius:50%;width:24px;height:24px;padding:0;line-height:22px;position:absolute;top:4px;right:4px}.history-item:hover .h-del{opacity:1}
.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.account{align-items:center;gap:12px;min-height:36px;display:flex}.quota{color:var(--muted);font-size:13px}.quota b{color:var(--text)}.drop{border:2px dashed var(--border);text-align:center;cursor:pointer;min-height:220px;color:var(--muted);border-radius:10px;place-items:center;padding:8px;display:grid;overflow:hidden}.drop.over{border-color:var(--accent)}.drop input[type=file]{display:none}details.card{margin-top:24px}summary{cursor:pointer;font-weight:600}.error .actions{margin-top:8px}