:root{--radius: 12px;--swatch-size: 48px;--transition: .2s ease}body{background:#f8f9fa;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.drop-zone{border:2px dashed #ced4da;border-radius:var(--radius);min-height:130px;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.drop-zone:hover,.drop-zone.drag-over{border-color:#0d6efd;background:#e9f2ff}.preview-img{max-width:100%;max-height:240px;object-fit:cover;border:2px solid #dee2e6;border-radius:var(--radius)}.weather-chip{background:#f0f4ff;border-radius:10px;padding:8px 4px}.season-banner{border-radius:var(--radius);background:linear-gradient(135deg,var(--season-from, #667eea),var(--season-to, #764ba2));color:#fff}.season-banner .text-muted{color:#ffffffbf!important}.season-icon{font-size:3.5rem;line-height:1}.confidence-ring{position:relative;width:80px;height:80px}.circular-chart{width:80px;height:80px;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff40;stroke-width:3}.circle{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .8s ease}.conf-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.conf-text span{font-size:1.05rem;font-weight:700;line-height:1.1}.conf-text small{font-size:.6rem;opacity:.8}.palette-grid{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:10px;border:2px solid rgba(0,0,0,.08);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);position:relative}.swatch:hover{transform:scale(1.15);box-shadow:0 4px 12px #0003;z-index:1}.swatch .swatch-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:11px;padding:3px 7px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:10}.swatch:hover .swatch-tooltip{display:block}.color-group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6c757d;margin-bottom:6px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.makeup-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.makeup-swatch .color-dot{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.1);transition:transform var(--transition)}.makeup-swatch:hover .color-dot{transform:scale(1.2)}.makeup-swatch .color-label{font-size:10px;text-align:center;color:#6c757d;max-width:50px;line-height:1.2}.hair-grid{display:flex;flex-direction:column;gap:10px}.hair-item{display:flex;align-items:center;gap:10px}.hair-dot{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid rgba(0,0,0,.08)}.hair-name{font-size:.875rem}.hair-hex{font-size:.75rem;color:#6c757d;font-family:monospace}.metric-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:12px 14px;text-align:center}.metric-value{font-size:1.4rem;font-weight:700;color:#0d6efd}.metric-label{font-size:.72rem;color:#6c757d;text-transform:uppercase;letter-spacing:.04em}.metric-bar{height:4px;border-radius:2px;background:#e9ecef;margin-top:6px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#0d6efd,#6ea8fe);transition:width .8s ease}.prob-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.prob-name{width:140px;font-size:.8rem;flex-shrink:0}.prob-bar-wrap{flex:1;background:#e9ecef;height:8px;border-radius:4px;overflow:hidden}.prob-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#0d6efd,#6ea8fe);transition:width .6s ease}.prob-val{width:42px;font-size:.78rem;text-align:right;color:#6c757d}.placeholder-section{min-height:380px;border:2px dashed #dee2e6;border-radius:var(--radius);background:#fff}#spinner-section{min-height:300px}.season-Spring{--season-from: #ff9a9e;--season-to: #fad0c4}.season-Summer{--season-from: #a1c4fd;--season-to: #c2e9fb}.season-Autumn{--season-from: #d4916b;--season-to: #c17a37}.season-Winter{--season-from: #4568dc;--season-to: #b06ab3}.copy-toast{position:fixed;bottom:24px;right:24px;z-index:9999;font-size:.85rem}@media (max-width: 576px){.season-icon{font-size:2.5rem}.metric-value{font-size:1.1rem}.swatch{width:38px;height:38px}}.detected-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detected-item{display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:10px;padding:6px;border:1px solid #e9ecef;background:#fff;transition:box-shadow var(--transition),transform var(--transition)}.detected-item:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.detected-swatch{width:42px;height:42px;border-radius:8px;flex-shrink:0;border:1.5px solid rgba(0,0,0,.09);display:flex;align-items:center;justify-content:center}.detected-icon{font-size:1.1rem;opacity:.85}.detected-info{min-width:0;flex:1}.detected-label{font-size:.78rem;font-weight:600;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detected-hex{font-size:.72rem;font-family:monospace;color:#0d6efd;letter-spacing:.03em}.detected-lab{font-size:.66rem;color:#adb5bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clothing-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#495057;margin-bottom:10px}.clothing-grid{display:flex;flex-direction:column;gap:8px}.clothing-item{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 6px;border-radius:8px;transition:background var(--transition)}.clothing-item:hover{background:#f8f9fa}.clothing-dot{width:34px;height:34px;border-radius:8px;flex-shrink:0;border:1.5px solid rgba(0,0,0,.09);display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}.clothing-item:hover .clothing-dot{transform:scale(1.1)}.clothing-label{font-size:.82rem;color:#495057;line-height:1.3}.clothing-avoid-item .clothing-label{color:#888;text-decoration:line-through;text-decoration-color:#dc3545}.clothing-avoid-x{color:#dc3545;font-size:.85rem;font-weight:900}@media (max-width: 576px){.detected-grid{grid-template-columns:1fr 1fr;gap:8px}.detected-swatch{width:36px;height:36px}.clothing-dot{width:28px;height:28px}}#w-location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:default}#w-location[title]:not([title=""]){cursor:help;text-decoration:underline dotted #adb5bd}.init-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f0f19eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.init-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.init-overlay-box{background:#fff;border-radius:20px;padding:40px 48px;text-align:center;min-width:260px;box-shadow:0 24px 64px #0006;animation:overlayPop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes overlayPop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.init-spinner{position:relative;width:72px;height:72px;margin:0 auto 20px}.init-svg{width:72px;height:72px;transform:rotate(-90deg)}.init-circle-track{stroke:#e9ecef}.init-circle-spin{stroke:#0d6efd;stroke-dasharray:80,126;animation:spinDash 1.4s ease-in-out infinite}@keyframes spinDash{0%{stroke-dasharray:4,126;stroke-dashoffset:0}50%{stroke-dasharray:90,126;stroke-dashoffset:-30}to{stroke-dasharray:4,126;stroke-dashoffset:-124}}.init-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#0d6efd}.init-title{font-weight:700;font-size:1.1rem;color:#212529;margin-bottom:4px}.init-msg{font-size:.85rem;color:#6c757d;margin-bottom:20px;min-height:1.2em}.init-steps{display:flex;flex-direction:column;gap:8px;text-align:left}.init-step{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#adb5bd;transition:color .3s}.init-step.done{color:#198754}.init-step.active{color:#0d6efd;font-weight:600}.init-step.error{color:#dc3545}.init-step-dot{width:10px;height:10px;border-radius:50%;background:#dee2e6;flex-shrink:0;transition:background .3s}.init-step.done .init-step-dot{background:#198754}.init-step.active .init-step-dot{background:#0d6efd;animation:dotPulse 1s ease-in-out infinite}.init-step.error .init-step-dot{background:#dc3545}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.model-error-card{padding:32px 28px;text-align:center;max-width:520px;margin:0 auto}.model-error-icon{font-size:2.8rem;color:#dc3545;display:block;margin-bottom:12px}.model-error-title{font-weight:700;color:#212529;margin-bottom:8px}.model-error-desc{color:#6c757d;font-size:.9rem;margin-bottom:20px;line-height:1.6}.model-error-steps{text-align:left;display:flex;flex-direction:column;gap:14px}.model-error-step{display:flex;gap:12px;align-items:flex-start;font-size:.85rem;color:#495057;line-height:1.5}.model-error-num{background:#0d6efd;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:1px}.model-error-step pre{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 10px;font-size:.78rem;margin:6px 0 0;white-space:pre-wrap;word-break:break-all}.manual-stage{background:#14161a;min-height:40vh;overflow:hidden}#manual-canvas{image-rendering:auto;border-radius:.5rem;box-shadow:0 0 0 1px #ffffff14}.manual-sidebar{width:100%;max-width:340px;flex-shrink:0;overflow-y:auto}@media (max-width: 991.98px){.manual-sidebar{max-width:100%}.manual-stage{min-height:50vh}}.mr-dot{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:middle}.manual-region-list .mr-item{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.06)}.manual-region-list .mr-swatch{width:22px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}#manual-region-status{font-variant-numeric:tabular-nums}.ctx-star{color:#f59f00;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:.8em}.swatch.swatch-ctx{position:relative;outline:2px solid #f59f00;outline-offset:1px}.swatch.swatch-ctx .ctx-star{position:absolute;top:-6px;right:-4px;z-index:2}.makeup-ctx,.hair-ctx,.clothing-ctx{background:#f59f001a;border-radius:8px}#context-note{border-left:4px solid #0dcaf0}.detected-swatch-edit{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.detected-swatch-edit .detected-color-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;border:none;padding:0}.detected-edit-badge{position:absolute;right:-4px;bottom:-4px;background:#fff;color:#495057;border-radius:50%;font-size:.6rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000004d}.init-privacy{margin-top:18px;padding-top:14px;border-top:1px solid #eee;max-width:360px;text-align:left;font-size:.72rem;line-height:1.35;color:#6c757d}.init-privacy .bi-shield-lock-fill{color:#198754;font-size:.9rem}.init-privacy p{padding-left:2px}