:root{--paper: #f6f0e3;--ink: #1e1a16;--accent: #c9872d;--accent-deep: #9d6518;--line: #d8ccb5;--soft: #efe5d1}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 18%,#fff7e8 0%,transparent 40%),radial-gradient(circle at 88% 80%,#f3e4c5 0%,transparent 33%),var(--paper);font-family:DM Mono,monospace}button,input,textarea{font:inherit}.app-shell{max-width:1200px;margin:0 auto;padding:28px 18px 80px}.hero h1,.preview h2,.log-console h2,.modal h3{font-family:Playfair Display,serif;letter-spacing:.03em}.hero{border-bottom:1px solid var(--line);margin-bottom:18px}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.6rem)}.hero p{margin-top:8px;margin-bottom:20px;opacity:.86}.progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.step{border:1px solid var(--line);padding:10px;background:#f7f2e8}.step span{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--line)}.step p{margin:8px 0 0}.step.active{border-color:var(--accent);background:#fbf2df}.card{border:1px solid var(--line);background:#fffbf3eb;padding:14px;margin-bottom:14px}.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);padding:24px;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:10px;cursor:pointer;background:repeating-linear-gradient(45deg,#fff9ea,#fff9ea 10px,#fff4dc 10px,#fff4dc 20px)}.upload-zone button,.analyze-btn,.close{border:1px solid var(--accent-deep);background:var(--accent);color:#fffdf8;padding:10px 12px;width:fit-content;cursor:pointer}.stop-btn{border:1px solid #7f1f11;background:#a33224;color:#fffdf8;padding:10px 12px;width:fit-content;cursor:pointer}.config-grid{display:grid;gap:12px}.analysis-progress-wrap{grid-column:1 / -1;border:1px solid var(--line);background:#fff9ec;padding:10px;margin-bottom:10px}.analysis-progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.analysis-progress-track{border:1px solid var(--line);height:12px;background:#f5ebd8}.analysis-progress-fill{height:100%;background:linear-gradient(90deg,#cf8f31,#f0b24d)}label{display:grid;gap:6px}.control-hint{color:#5a4c3b;opacity:.9}input,textarea,select{border:1px solid var(--line);background:#fffdf8;padding:10px}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:var(--soft);padding:10px}.stats small{display:block;opacity:.75}.stats strong{font-size:1.3rem}.log-body{max-height:180px;overflow:auto;border:1px solid var(--line);background:#faf6ec;padding:8px}.log-body pre{margin:0 0 4px;white-space:pre-wrap}.diagnostics h2{margin-top:0}.insights p{margin:0 0 6px}.cluster-list{display:grid;gap:10px}.cluster-item{border:1px solid var(--line);padding:8px;background:#fffdf8}.cluster-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.cluster-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.cluster-thumb{border:1px solid var(--line);background:#faf4e8;padding:4px}.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}.photo-card{border:1px solid var(--line);background:#fffdf8;position:relative;cursor:pointer}.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:#fff;color:#7f1f11;padding:6px 8px}.photo-card:hover .remove-btn{opacity:1}.card-meta{display:flex;justify-content:space-between;gap:8px;padding:8px}.badge{background:var(--accent);color:#fff;min-width:38px;text-align:center;padding:6px}.tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.tags span{border:1px solid var(--line);background:#fff7e5;padding:3px 6px;font-size:.75rem}.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 var(--line);padding:16px}.modal img{width:100%;max-height:320px;object-fit:cover;border:1px solid var(--line)}.score-row{display:grid;grid-template-columns:110px 1fr 44px;align-items:center;gap:8px;margin-bottom:8px}.bar-wrap{border:1px solid var(--line);height:12px;background:#f5ebd8}.bar-fill{height:100%;background:linear-gradient(90deg,#cf8f31,#f0b24d)}.close{margin-bottom:8px}footer{margin-top:20px;opacity:.72}@media (max-width: 920px){.controls,.stats,.progress{grid-template-columns:1fr}}