:root{--bg: #f3f6fb;--panel: #ffffff;--panel-soft: #f8fafc;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--primary: #2563eb;--primary-600: #1d4ed8;--primary-50: #eff6ff;--success: #059669;--danger: #dc2626;--shadow-sm: 0 2px 10px rgba(15, 23, 42, .05);--shadow-md: 0 10px 30px rgba(15, 23, 42, .08);--radius: 12px}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top right,#eef4ff,var(--bg) 40%);color:var(--text)}.page{width:100%;max-width:none;margin:14px 0 28px;padding:0 24px;box-sizing:border-box}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.app-header h1{margin:0 0 6px;font-size:28px;letter-spacing:.2px}.brand-block p{margin:0;color:var(--muted);font-size:13px}.brand-badge{display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:999px;border:1px solid #bfdbfe;color:var(--primary-600);font-weight:600;font-size:11px;background:var(--primary-50);margin-bottom:8px}.app-actions{display:flex;gap:8px;align-items:center}.card{background:var(--panel);border-radius:var(--radius);padding:18px;margin-bottom:16px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.workflow-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.workflow-head__title h2{margin:0 0 6px}.workflow-head__title p{margin:0;color:var(--muted);font-size:13px}.workflow-head__meta{display:flex;gap:8px;flex-wrap:wrap}.status-chip{height:28px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid #bfdbfe;background:var(--primary-50);color:var(--primary-600);font-size:12px;font-weight:600}.status-chip.soft{border-color:var(--line);background:var(--panel-soft);color:var(--muted)}.btn-primary,.btn-secondary,.btn-icon{border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:all .18s ease}.btn-primary{padding:10px 14px;color:#fff;background:linear-gradient(180deg,#3b82f6 0%,var(--primary) 100%);box-shadow:0 8px 18px #2563eb40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(180deg,#60a5fa 0%,var(--primary-600) 100%)}.btn-secondary{padding:9px 13px;color:#1e293b;background:#fff;border-color:#cbd5e1}.btn-sm{height:30px;padding:0 10px;font-size:12px;font-weight:600}.btn-secondary:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc}.btn-icon{width:34px;height:34px;background:#fff;border-color:#cbd5e1;color:#334155}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.quality-card{display:flex;align-items:center;gap:12px;margin-bottom:12px}.quality-card label{font-weight:600}.quality-card select{min-width:120px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}.quality-card--highlight{border:1px solid #bfdbfe;background:#f8fbff}.section-header h2{margin:0 0 6px;font-size:22px}.section-header p{margin:0;color:var(--muted);font-size:14px}.step-indicator{display:flex;align-items:center;justify-content:center;padding:8px 8px 10px;border-bottom:1px solid var(--line);margin-bottom:10px}.step-indicator-wrap{margin-bottom:6px}.step-indicator-top{display:flex;justify-content:flex-end;margin-bottom:4px}.step{display:flex;flex-direction:column;align-items:center}.step-number{width:42px;height:42px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-bottom:5px}.step.active .step-number{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 10px 16px #2563eb33}.step.done .step-number{background:var(--success);border-color:var(--success);color:#fff}.step-label{font-size:12px;color:var(--muted)}.step.active .step-label{color:#3b82f6;font-weight:500}.step-line{width:88px;height:2px;background:#dbe3ef;margin:0 12px 18px}.step-content.card{min-height:220px}.filters{display:flex;gap:24px;margin:16px 0;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-group--action{margin-left:auto}.chips{display:flex;gap:6px}.chip{padding:6px 12px;border:1px solid #cbd5e1;border-radius:20px;background:#fff;cursor:pointer;font-size:13px;transition:all .15s ease}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:24px}.preset-sections{display:flex;flex-direction:column;gap:16px}.preset-section{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px}.preset-section__title{font-size:16px;font-weight:700;margin-bottom:8px}.preset-gender-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preset-gender-block{border:1px solid #e6ebf5;border-radius:10px;background:#f9fbff;padding:10px}.preset-gender-block__title{font-size:13px;font-weight:700;color:#1e3a8a}.preset-gender-block .preset-grid{margin-top:10px}.preset-card{padding:20px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.preset-card:hover{border-color:#bfdbfe;box-shadow:var(--shadow-md);transform:translateY(-1px)}.preset-card--new{border-style:dashed;text-align:center;color:#6b7280}.preset-card__header{display:flex;justify-content:space-between;margin-bottom:8px}.preset-card__category{background:#eff6ff;color:#3b82f6;padding:2px 8px;border-radius:4px;font-size:12px}.preset-card__name{font-size:18px;font-weight:600;margin-bottom:12px}.preset-card__attrs{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:#f3f4f6}.tag.preset{background:#dbeafe;color:#1d4ed8}.tag.modified{background:#fef3c7;color:#b45309}.tag.image{background:#ede9fe;color:#6d28d9}.group-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.group-tab{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-weight:600}.group-tab.active{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd}.field-group{display:none}.field-group.active{display:block}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-input{padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;background:#fff}.field-input.modified{border-color:#f59e0b;background:#fffbeb}.field-input.has-image{border-color:#8b5cf6;background:#faf5ff}.field-input__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-input__header label{margin:0}.field-input__body{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.field-input__main{min-width:0;display:flex;flex-direction:column;gap:8px}.field-input__mode-switch{display:flex;gap:8px}.field-input__mode-switch .btn-secondary.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.field-input__main select,.field-input__main input,.scene-input textarea,.recognize-section textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}.field-input__main select:focus,.field-input__main input:focus,.scene-input textarea:focus,.recognize-section textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f624}.field-input__actions{display:flex;flex-direction:column;gap:8px}.field-input__image{margin-top:12px;display:flex;gap:12px;padding:12px;background:#fff;border-radius:8px}.field-input__image img{width:80px;height:80px;object-fit:cover;border-radius:6px}.field-input__tip{margin-top:8px;font-size:12px;color:#6b7280;line-height:1.45}.editor-actions,.generator-actions,.result-actions{display:flex;gap:12px;margin-top:18px}.garment-editor .editor-actions,.outfit-generator .generator-actions,.result-preview .result-actions{position:sticky;bottom:8px;z-index:30;padding:10px 12px;border:1px solid #dbe3ef;border-radius:12px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px #0f172a1a;justify-content:flex-end}.editor-actions .btn-primary,.generator-actions .btn-primary,.result-actions .btn-primary{min-width:170px;height:40px;font-size:14px}.editor-actions .btn-secondary,.generator-actions .btn-secondary,.result-actions .btn-secondary{height:40px}.badge{margin-left:8px;padding:2px 8px;border-radius:12px;background:#eef2ff;color:#4338ca;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061785;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:14px;border:1px solid #dbe3ef;width:90%;max-width:560px;max-height:90vh;overflow:auto;box-shadow:0 30px 70px #0206174d}.modal-header,.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e7eb}.modal-footer{border-bottom:none;border-top:1px solid #e5e7eb;justify-content:flex-end}.modal-body{padding:16px}.upload-zone{border:2px dashed #d1d5db;border-radius:12px;padding:32px;text-align:center;cursor:pointer}.preview-image{width:100%;max-height:260px;object-fit:contain;border-radius:8px;margin-bottom:8px}.error{color:#b91c1c;margin-top:8px}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.persona-card{padding:16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.persona-card.active{border-color:#3b82f6;background:#eff6ff}.persona-label{font-weight:600;margin-bottom:4px}.persona-desc{font-size:13px;color:#6b7280}.scene-input,.garment-summary,.persona-selector{margin-top:16px}.summary-tags{display:flex;flex-wrap:wrap;gap:6px}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}.image-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.image-label{padding:12px 16px;background:#f8fafc;font-weight:500;border-bottom:1px solid var(--line)}.image-card img{width:100%;aspect-ratio:1;object-fit:cover}.image-actions{padding:12px 16px;display:flex;gap:8px;flex-wrap:wrap}.generating-state{text-align:center;padding:60px 20px;border:2px solid #93c5fd;background:linear-gradient(180deg,#eff6ff,#f8fbff);border-radius:12px;box-shadow:0 10px 24px #3b82f626}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.spinner-inline{width:24px;height:24px;margin:0;border-width:3px}.processing-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #93c5fd;border-left:5px solid #2563eb;border-radius:10px;background:#eff6ff;margin:12px 0 16px}.processing-banner__text{display:flex;flex-direction:column;gap:2px}.processing-banner__text strong{font-size:14px;color:#1d4ed8}.processing-banner__text span{font-size:13px;color:#1e3a8a}@keyframes spin{to{transform:rotate(360deg)}}.qa-result{padding:16px;border-radius:8px;margin-top:16px}.qa-result.passed{background:#d1fae5;color:#065f46}.qa-result.failed{background:#fef3c7;color:#92400e}.image-toolbar{margin:12px 0 16px}.image-card img{cursor:zoom-in}.image-preview-modal{max-width:960px}.image-preview-body{text-align:center}.image-preview-zoom-wrap{overflow:auto;max-height:75vh}.image-preview-full{width:100%;max-height:75vh;object-fit:contain;transform-origin:center center;transition:transform .08s ease-out}.image-preview-full.zoomable{cursor:zoom-in}.debug-panel{margin-top:20px}.debug-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.debug-panel-header h3{margin:0}.debug-panel-tip{color:#4b5563;font-size:13px}.debug-call-list details{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin-top:10px;background:#fcfdff}.debug-call-list summary{cursor:pointer;font-weight:600}.debug-call-list h4{margin:12px 0 6px;font-size:13px}.debug-compact-list{display:grid;grid-template-columns:1fr;gap:10px}.debug-compact-card{border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:10px}.debug-compact-title{font-weight:600;margin-bottom:8px}.debug-compact-row{display:grid;grid-template-columns:180px 1fr;gap:8px;align-items:start;margin-bottom:6px}.debug-compact-label{color:#374151;font-family:Consolas,Courier New,monospace;font-size:12px}.debug-compact-value{color:#111827;font-family:Consolas,Courier New,monospace;font-size:12px;white-space:pre-wrap;word-break:break-all}.debug-json{margin:0;padding:12px;border-radius:8px;background:#0b1228;color:#dbe7ff;overflow-x:auto;font-size:12px;line-height:1.45}.json-viewer{display:flex;flex-direction:column;gap:8px}.json-viewer-toolbar{display:flex;gap:8px}.json-viewer-toolbar .btn-secondary.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.history-modal{max-width:1280px;width:min(96vw,1280px);max-height:92vh}.history-modal .modal-body{padding:12px}.history-panel{background:#fff}.history-panel__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.history-panel__tip{margin:0;color:#4b5563;font-size:13px}.history-panel__content{display:grid;grid-template-columns:280px 1fr;gap:12px}.history-list{border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;padding:8px;max-height:72vh;overflow:auto}.history-list__item{width:100%;text-align:left;border:1px solid #dbe3ef;background:#fff;border-radius:8px;padding:10px;margin-bottom:8px;cursor:pointer;transition:all .16s ease}.history-list__item:hover{border-color:#bfdbfe;transform:translateY(-1px)}.history-list__item.active{border-color:#3b82f6;background:#eff6ff}.history-list__title{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:4px}.history-list__meta{font-size:12px;color:#6b7280}.history-list__meta.mono{font-family:Consolas,Courier New,monospace;margin-top:4px}.history-detail{border:1px solid #dbe3ef;border-radius:10px;background:#fff;padding:12px;max-height:72vh;overflow:auto}.history-empty{font-size:13px;color:var(--muted);padding:12px}.empty-state{border:1px dashed var(--line);border-radius:10px;padding:16px;background:var(--panel-soft)}.empty-state__title{font-weight:700;margin-bottom:6px}.empty-state__desc{color:var(--muted);font-size:13px}@media (max-width: 960px){.page{padding:0 12px}.app-header{flex-direction:column;align-items:flex-start}.workflow-head{flex-direction:column}.history-panel__content,.preset-gender-columns{grid-template-columns:1fr}.filters{flex-wrap:wrap;gap:10px 16px}.filter-group--action{margin-left:0;width:100%;justify-content:flex-end}.step-indicator{overflow-x:auto;justify-content:flex-start;padding-bottom:14px}.step-line{width:28px;margin-bottom:14px}.field-grid,.field-input__body{grid-template-columns:1fr}.field-input__actions{flex-direction:row;flex-wrap:wrap}.garment-editor .editor-actions,.outfit-generator .generator-actions,.result-preview .result-actions{justify-content:flex-end}}@media (min-width: 1440px){.field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}