@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap";:root{--paper: #f7f1e6;--paper-deep: #efe3d1;--card: rgba(255, 250, 243, .92);--card-strong: #fbf5ec;--ink: #433127;--ink-soft: #756458;--accent: #b98d5a;--accent-deep: #8f6841;--accent-soft: #dcc2a1;--line: #dfcfba;--line-strong: #ccb493;--soft: #efe2cf;--shadow: 0 18px 40px rgba(88, 61, 35, .08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.72) 0%,transparent 36%),radial-gradient(circle at 88% 80%,rgba(228,204,173,.55) 0%,transparent 30%),linear-gradient(180deg,#faf4eadb,#f5ecddf5),var(--paper);font-family:Assistant,Segoe UI,sans-serif}button,input,textarea{font:inherit}.app-shell{max-width:1240px;margin:0 auto;padding:32px 20px 88px}.hero h1,.step-screen-head h2,.preview h2,.log-console h2,.modal h3{font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.02em}.hero{margin-bottom:24px;padding:28px 30px 24px;border:1px solid rgba(204,180,147,.7);background:linear-gradient(135deg,#fffcf7f5,#f5e9d8f0),var(--card);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(185,141,90,.18),transparent 68%)}.hero h1{margin:0;font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:.92}.hero p{margin:10px 0 0;max-width:720px;color:var(--ink-soft);font-size:1.05rem}.progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.step{border:1px solid rgba(204,180,147,.72);padding:14px 16px;background:#fff9efd6;border-radius:18px;box-shadow:0 10px 24px #5e462a0d}.step span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line-strong);border-radius:999px;background:#fffcf6eb;font-weight:700}.step p{margin:10px 0 0;font-weight:600}.step.active{border-color:var(--accent);background:linear-gradient(180deg,#fff8eefa,#f3e6d3f5)}.step.done span{background:var(--accent-soft)}.card{border:1px solid rgba(204,180,147,.72);background:var(--card);padding:18px;margin-bottom:16px;border-radius:22px;box-shadow:var(--shadow)}.error-banner{background:#ffe7e2;color:#7f1f11;border:1px solid #d38072;padding:10px 12px;margin-bottom:12px;white-space:pre-wrap}.controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload-zone{border:1px dashed var(--accent-deep);padding:30px;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:12px;cursor:pointer;border-radius:24px;background:linear-gradient(180deg,#fffbf4f2,#f4e9d8eb),repeating-linear-gradient(45deg,#ffffff61,#ffffff61 12px,#f1e3ce61 12px,#f1e3ce61 24px)}.upload-zone strong{font-size:1.2rem}.upload-zone p{margin:0;color:var(--ink-soft)}.upload-zone button,.analyze-btn,.secondary-btn,.close{border:1px solid var(--accent-deep);background:linear-gradient(180deg,#c49a67,#ac7f4b);color:#fffdf8;padding:11px 16px;width:fit-content;cursor:pointer;border-radius:999px;font-weight:700;box-shadow:0 10px 18px #8f68412e}.stop-btn{border:1px solid #7f1f11;background:#a33224;color:#fffdf8;padding:10px 12px;width:fit-content;cursor:pointer}.secondary-btn{background:linear-gradient(180deg,#fffaf1,#f2e4d0);color:var(--ink);box-shadow:none}.config-grid{display:grid;gap:12px;min-width:0}.step-screen{display:grid;gap:14px;min-width:0}.step-screen-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.step-screen-head h2{margin:2px 0 0;font-size:clamp(2rem,3.2vw,2.8rem)}.step-screen-head small{color:var(--accent-deep);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.step-screen-head p{max-width:520px;margin:0;color:var(--ink-soft)}.step-actions{display:flex;gap:10px;justify-content:flex-end}.analysis-progress-wrap{grid-column:1 / -1;border:1px solid rgba(204,180,147,.72);background:linear-gradient(180deg,#fffaf2fa,#f5eadaf2);padding:14px;margin-bottom:10px;min-width:0;border-radius:18px}.analysis-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.analysis-progress-track{border:1px solid rgba(204,180,147,.9);height:14px;background:#efe0cb;border-radius:999px;overflow:hidden}.analysis-progress-fill{height:100%;background:linear-gradient(90deg,#b98d5a,#dec09a)}label{display:grid;gap:6px;color:var(--ink);font-weight:600}.control-hint{color:var(--ink-soft);opacity:.9}input,textarea,select{border:1px solid rgba(204,180,147,.9);background:#fffcf6f5;padding:12px 14px;width:100%;min-width:0;border-radius:14px;color:var(--ink)}input[type=range]{padding:0}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stats div{background:linear-gradient(180deg,#f6ede0f5,#efe2cff5);padding:14px 16px;border-radius:18px;border:1px solid rgba(204,180,147,.55)}.stats small{display:block;opacity:.75}.stats strong{font-size:1.55rem;font-family:Cormorant Garamond,Georgia,serif}.log-body{max-height:180px;overflow:auto;border:1px solid rgba(204,180,147,.72);background:#fbf6ef;padding:10px;min-width:0;border-radius:16px}.log-body pre{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}.diagnostics h2{margin-top:0}.insights p{margin:0 0 6px}.cluster-list{display:grid;gap:10px}.cluster-item{border:1px solid rgba(204,180,147,.72);background:#fffdf8;border-radius:18px;overflow:hidden}.cluster-toggle{width:100%;background:linear-gradient(180deg,#fffbf6eb,#f4e9d8cc);border:0;padding:14px 16px;text-align:left;cursor:pointer}.cluster-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:0}.cluster-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;padding:0 8px 8px}.cluster-thumb{border:1px solid rgba(204,180,147,.72);background:#faf4e8;padding:6px;border-radius:14px}.cluster-thumb.selected{border-color:var(--accent-deep)}.cluster-thumb img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;margin-bottom:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;min-width:0}.photo-card{border:1px solid rgba(204,180,147,.72);background:#fffdf8;position:relative;cursor:pointer;border-radius:18px;overflow:hidden;box-shadow:0 14px 24px #5c43260f}.photo-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.remove-btn{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .2s ease;border:1px solid #7f1f11;background:#fffcf7f5;color:#7f1f11;padding:6px 8px}.switch-btn{position:absolute;top:8px;left:8px;opacity:0;transition:opacity .2s ease;border:1px solid var(--accent-deep);background:#fff7e5f5;color:var(--ink);padding:6px 8px}.photo-card:hover .remove-btn,.photo-card:hover .switch-btn{opacity:1}.card-meta{display:flex;justify-content:space-between;gap:8px;padding:12px}.badge{background:linear-gradient(180deg,#c49a67,#ac7f4b);color:#fff;min-width:38px;text-align:center;padding:6px;border-radius:999px;font-weight:700}.tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.tags span{border:1px solid rgba(204,180,147,.72);background:#fff7e5;padding:3px 6px;font-size:.75rem;border-radius:999px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16110c9e;display:grid;place-items:center;padding:20px}.modal{width:min(700px,100%);max-height:88vh;overflow:auto;background:#fffcf4;border:1px solid rgba(204,180,147,.78);padding:18px;border-radius:24px;box-shadow:0 24px 50px #3b28172e}.modal img{width:100%;max-height:320px;object-fit:cover;border:1px solid var(--line)}.switch-modal{display:grid;gap:12px}.switch-target{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);background:linear-gradient(180deg,#fffaf2,#f5e8d4);border-radius:18px}.switch-target img,.switch-option img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--line)}.switch-target small,.switch-option small{display:block;margin-top:4px;opacity:.75}.switch-options{display:grid;gap:10px}.switch-option{display:grid;grid-template-columns:160px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(204,180,147,.72);background:#fffdf8;padding:12px;border-radius:18px}.switch-option-meta{min-width:0}.score-row{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:8px;margin-bottom:8px}.bar-wrap{border:1px solid rgba(204,180,147,.8);height:12px;background:#efe0cb;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#b98d5a,#dec09a)}.close{margin-bottom:8px}footer{margin-top:24px;opacity:.72;color:var(--ink-soft)}@media (max-width: 920px){.controls,.stats,.progress{grid-template-columns:1fr}.step-screen-head,.step-actions{flex-direction:column;align-items:stretch}.switch-option,.switch-target{grid-template-columns:1fr}}