@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #f2f5f3;--panel: #ffffff;--ink: #19313b;--muted: #5f706d;--brand: #194249;--brand-bright: #21757d;--accent: #fe7a47;--warn: #d56a23;--bad: #b74c3c;--good: #2d7f57;--border: #d4dcda;--radius: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 0%,#fff4ea 0%,transparent 35%),radial-gradient(circle at 95% 90%,#e5f4f2 0%,transparent 32%),var(--bg)}#root{min-height:100vh}.app-shell{width:min(1240px,100% - 2rem);margin:1.5rem auto 2.5rem;display:grid;gap:1rem}.hero{border-radius:var(--radius);background:linear-gradient(125deg,#194249,#2f5f67 75%);color:#f5f5f2;padding:1.1rem 1.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero h1{font-family:Space Grotesk,sans-serif;margin:0;font-size:clamp(1.4rem,2.2vw,2rem)}.hero p{margin:.3rem 0 0;max-width:75ch}.privacy-pill{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:.35rem .75rem;font-weight:700;white-space:nowrap}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.panel h2{margin:0;font-size:1.05rem}.panel p{margin:.35rem 0 0;color:var(--muted)}.panel--upload{display:flex;justify-content:space-between;gap:1rem;align-items:center}.upload-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.file-input{position:relative;display:inline-block;border:1px solid var(--brand);color:var(--brand);padding:.55rem .95rem;border-radius:12px;font-weight:700;cursor:pointer}.file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.workspace{display:grid;grid-template-columns:1.25fr .85fr;gap:1rem}.panel--left,.panel--right{display:grid;gap:.75rem;align-content:start}.crop-editor{border:1px solid var(--border);border-radius:12px;overflow:hidden;min-height:320px}.crop-editor canvas{display:block;width:100%;height:auto;touch-action:none}.editor-photo-select{display:grid;gap:.35rem;font-weight:700;font-size:.9rem}.editor-photo-select select{border:1px solid var(--border);border-radius:10px;padding:.5rem .55rem;font:inherit}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.55rem}.thumb-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f8fbf9;cursor:pointer}.thumb-card--active{border-color:var(--brand);box-shadow:0 0 0 2px #21757d2e}.thumb-card img{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}.thumb-card>div{padding:.45rem;display:grid;gap:.45rem}.thumb-card strong{font-size:.85rem;line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-actions{display:flex;gap:.35rem;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;padding:.45rem .7rem;font-weight:700;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{border-color:var(--border);background:#fff;color:var(--ink)}.btn--secondary{background:#eef4f2;color:var(--brand)}.btn--primary{background:linear-gradient(120deg,var(--accent),#f18e4a);color:#2a1f19}.btn--danger{border-color:#b74c3c66;color:#7a2d23;background:#b74c3c1a}.template-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden}.template-preview canvas{width:100%;height:auto;display:block;background:#fff}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.controls-grid label{display:grid;gap:.35rem;font-weight:700;font-size:.88rem}.controls-grid select,.controls-grid input{border:1px solid var(--border);border-radius:10px;padding:.5rem .55rem;font:inherit}.checkbox-row{display:flex;gap:.55rem;align-items:center;color:var(--muted)}.filename-preview{color:var(--muted);font-size:.92rem}.quality-summary{display:flex;flex-wrap:wrap;gap:.45rem}.quality-chip{border-radius:999px;font-size:.78rem;font-weight:800;padding:.28rem .6rem;border:1px solid}.quality-chip--good{border-color:#2d7f5759;color:var(--good);background:#2d7f571a}.quality-chip--warn{border-color:#d56a2361;color:var(--warn);background:#d56a231a}.quality-chip--poor{border-color:#b74c3c61;color:var(--bad);background:#b74c3c1a}.btn--export{width:100%;margin-top:.35rem}.status-message{margin:0;font-size:.86rem;color:var(--muted)}.muted{margin:0;color:var(--muted)}.quality-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#17252880;padding:1rem;z-index:30}.quality-modal{width:min(640px,100%);background:#fff;border-radius:14px;border:1px solid var(--border);padding:1rem;display:grid;gap:.75rem}.quality-modal h3{margin:0}.quality-modal p{margin:0;color:var(--muted)}.quality-list{display:grid;gap:.5rem}.quality-item{border-radius:10px;border:1px solid var(--border);padding:.55rem;display:grid;gap:.22rem;font-size:.88rem}.quality-item--warn{border-color:#d56a2359;background:#d56a2314}.quality-item--poor{border-color:#b74c3c59;background:#b74c3c14}.quality-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}@media (max-width: 980px){.workspace{grid-template-columns:1fr}.panel--upload{align-items:start;flex-direction:column}.controls-grid{grid-template-columns:1fr}}