.kda-skin-analyzer{--kda-primary:#c9a96e;--kda-primary-light:#e8d5af;--kda-accent:#7c5cbf;--kda-accent-light:#b49ee0;--kda-surface:#ffffff;--kda-surface-2:#f8f6f2;--kda-surface-3:#f0ece4;--kda-border:#e5ddd0;--kda-text:#2c2417;--kda-text-2:#6b5e4a;--kda-text-3:#9e9080;--kda-success:#2d8c5e;--kda-warning:#b25c00;--kda-error:#b53030;--kda-shadow:0 4px 24px rgba(44, 36, 23, 0.10);--kda-shadow-lg:0 12px 40px rgba(44, 36, 23, 0.15);--kda-radius:20px;--kda-radius-sm:12px;--kda-radius-xs:8px;--kda-transition:0.22s cubic-bezier(0.4, 0, 0.2, 1)}.kda-skin-analyzer{max-width:580px;margin:24px auto;padding:28px 28px 24px;background:var(--kda-surface);border-radius:var(--kda-radius);box-shadow:var(--kda-shadow-lg);border:1px solid var(--kda-border);font-family:'Georgia','Times New Roman',serif;color:var(--kda-text);line-height:1.5}.kda-title{font-size:20px;font-weight:700;letter-spacing:.3px;margin:0 0 6px;color:var(--kda-text)}.kda-subtitle{font-size:13.5px;color:var(--kda-text-3);margin:0 0 20px;line-height:1.5}.kda-upload-area{position:relative;padding:22px 18px;border:2px dashed var(--kda-border);border-radius:var(--kda-radius-sm);background:var(--kda-surface-2);cursor:pointer;text-align:center;transition:border-color var(--kda-transition),background var(--kda-transition),box-shadow var(--kda-transition);margin-bottom:16px;outline:none}.kda-upload-area:hover,.kda-upload-area:focus-visible{border-color:var(--kda-primary);background:var(--kda-surface-3);box-shadow:0 0 0 3px rgb(201 169 110 / .18)}.kda-upload-area.dragover{border-color:var(--kda-accent);background:#f5f2ff;box-shadow:0 0 0 4px rgb(124 92 191 / .15)}.kda-upload-primary{font-size:14.5px;font-weight:600;color:var(--kda-primary);margin:0 0 4px;transition:color var(--kda-transition)}.kda-upload-area:hover .kda-upload-primary{color:#a07840}.kda-upload-hint{font-size:12.5px;color:var(--kda-text-3);margin:0}.kda-pretip{margin-top:10px;font-size:12.5px;color:var(--kda-text-2);opacity:.85;line-height:1.4}#kda-file-input{display:none}#kda-preview{display:block;width:100%;max-height:200px;object-fit:cover;border-radius:var(--kda-radius-sm);margin-bottom:14px;border:1px solid var(--kda-border)}#kda-analyze-btn{display:block;width:100%;padding:13px 20px;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:.4px;color:#fff;background:linear-gradient(135deg,#c9a96e 0%,#a07840 100%);border:none;border-radius:var(--kda-radius-sm);cursor:pointer;box-shadow:0 4px 16px rgb(160 120 64 / .32);transition:opacity var(--kda-transition),transform var(--kda-transition),box-shadow var(--kda-transition);margin-bottom:16px}#kda-analyze-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px rgb(160 120 64 / .4)}#kda-analyze-btn:active:not(:disabled){transform:translateY(0);opacity:1}#kda-analyze-btn:disabled{background:linear-gradient(135deg,#d6c9ad 0%,#bca880 100%);cursor:not-allowed;box-shadow:none;opacity:.65}.kda-btn-secondary{display:block;width:100%;padding:11px 18px;font-size:14px;font-weight:600;font-family:inherit;color:var(--kda-text-2);background:var(--kda-surface-2);border:1px solid var(--kda-border);border-radius:var(--kda-radius-sm);cursor:pointer;margin-top:12px;transition:background var(--kda-transition),border-color var(--kda-transition)}.kda-btn-secondary:hover{background:var(--kda-surface-3);border-color:var(--kda-primary-light)}.kda-loading{text-align:center;padding:28px 20px;color:var(--kda-text-2);font-size:14px}.kda-spinner{width:36px;height:36px;border:3px solid var(--kda-border);border-top-color:var(--kda-primary);border-radius:50%;margin:0 auto 14px;animation:kda-spin 0.9s linear infinite}@keyframes kda-spin{to{transform:rotate(360deg)}}#kda-result{margin-top:2px;border-radius:var(--kda-radius-sm);overflow:hidden;text-align:start;direction:inherit}.kda-badge-complete{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgb(45 140 94 / .1);color:var(--kda-success);font-size:13.5px;font-weight:700;margin-bottom:12px}.kda-report{padding:16px;border-radius:var(--kda-radius-xs);background:var(--kda-surface-2);border:1px solid var(--kda-border);font-size:13.5px;font-family:'Courier New',Courier,monospace;line-height:1.65;white-space:pre-wrap;word-break:break-word;color:var(--kda-text);max-height:420px;overflow-y:auto;scroll-behavior:smooth;text-align:inherit;direction:inherit;unicode-bidi:plaintext;box-shadow:inset 0 1px 3px rgb(44 36 23 / .06)}.kda-report::-webkit-scrollbar{width:6px}.kda-report::-webkit-scrollbar-track{background:#fff0}.kda-report::-webkit-scrollbar-thumb{background:var(--kda-border);border-radius:999px}.kda-error{padding:14px 16px;border-radius:var(--kda-radius-xs);background:rgb(181 48 48 / .07);color:var(--kda-error);font-size:13.5px;border:1px solid rgb(181 48 48 / .2)}#kda-history{margin-top:10px}.kda-history-wrap{padding:16px;background:var(--kda-surface-2);border:1px solid var(--kda-border);border-radius:var(--kda-radius-sm)}.kda-history-wrap h4{font-size:14px;font-weight:700;margin:0 0 12px;color:var(--kda-text)}.kda-history-item{padding:10px 0;border-bottom:1px solid var(--kda-border);font-size:13px;color:var(--kda-text-2);line-height:1.5}.kda-history-item:last-child{border-bottom:none}.kda-history-item strong{color:var(--kda-text);display:block;margin-bottom:2px}.kda-empty-history{text-align:center;color:var(--kda-text-3);font-size:13.5px;padding:20px 0}html[dir="rtl"] #kda-result,html[dir="rtl"] #kda-result .kda-report{direction:rtl}html[dir="ltr"] #kda-result,html[dir="ltr"] #kda-result .kda-report{direction:ltr}@media (max-width:640px){.kda-skin-analyzer{margin:12px 10px;padding:20px 16px 18px;border-radius:16px}.kda-title{font-size:18px}.kda-upload-area{padding:18px 14px;border-radius:10px}#kda-analyze-btn{font-size:14px;padding:12px 16px;border-radius:10px}.kda-report{font-size:12.5px;max-height:52vh}}