:root{color-scheme:light;--bg:#f5f7f4;--panel:#ffffff;--ink:#18201b;--muted:#657066;--line:#d8dfd8;--accent:#126d65;--accent-strong:#0d4e49;--gold:#c08a2c;--rose:#b75161;--shadow:0 22px 60px rgba(26,34,28,0.12)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,textarea{font:inherit}img{display:block;max-width:100%}.app-shell{min-height:100vh;padding:32px}.site-footer{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:0 32px 28px}.legal-back,.site-footer a{color:var(--accent-strong);font-weight:700;text-decoration:none}.legal-back:hover,.site-footer a:hover{text-decoration:underline}.workbench{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-gap:24px;gap:24px;margin:0 auto;max-width:1180px}.control-panel,.result-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.control-panel{align-self:start;display:grid;grid-gap:22px;gap:22px;padding:24px}.result-panel{min-width:0;padding:18px}.title-block p{color:var(--accent);font-size:13px;font-weight:700;margin:0 0 6px;text-transform:uppercase}.title-block h1{font-size:clamp(30px,5vw,52px);line-height:1;margin:0}.photo-uploader{align-items:center;border:1px dashed #9aa79b;border-radius:8px;cursor:pointer;display:grid;grid-gap:14px;gap:14px;grid-template-columns:48px minmax(0,1fr);min-height:112px;padding:16px}.photo-uploader:focus-within,.photo-uploader:hover{border-color:var(--accent)}.photo-uploader input{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}.upload-mark{align-items:center;background:#e6f1ee;border:1px solid #b9d4ce;border-radius:50%;color:var(--accent);display:flex;font-size:28px;height:48px;justify-content:center;width:48px}.mode-option strong,.photo-uploader strong{display:block;overflow-wrap:anywhere}.job-status small,.mode-option small,.photo-uploader small{color:var(--muted);display:block;font-size:13px;line-height:1.35;margin-top:4px}.upload-guidance{background:#fff9eb;border:1px solid #ead39b;border-radius:8px;color:#60460d}.trust-hints,.upload-guidance{display:grid;grid-gap:6px;gap:6px;line-height:1.4;padding:10px 12px}.trust-hints{background:#eef4f1;border:1px solid #bfd4cd;border-radius:8px;color:var(--accent-strong)}.trust-hints p,.upload-guidance p{margin:0;overflow-wrap:anywhere}.mode-selector{border:0;margin:0;padding:0}.mode-selector legend{font-size:15px;font-weight:700;margin-bottom:10px}.mode-grid,.mode-option{display:grid;grid-gap:10px;gap:10px}.mode-option{align-items:start;border:1px solid var(--line);border-radius:8px;cursor:pointer;grid-template-columns:20px minmax(0,1fr);min-height:72px;padding:12px}.mode-option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mode-option input{accent-color:var(--accent);height:18px;margin:2px 0 0;width:18px}.download-link,.primary-action,.secondary-action{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#ffffff;display:inline-flex;font-weight:700;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none}.download-link:hover,.primary-action:not(:disabled):hover{background:var(--accent-strong)}.download-link:disabled,.primary-action:disabled{cursor:not-allowed;opacity:.55}.secondary-action{background:#eef4f1;border:1px solid #bfd4cd;color:var(--accent-strong);min-height:38px}.secondary-action:hover{background:#e1eeea}.danger-action{background:#fff1f2;border-color:#efc1c8;color:#8d2638}.danger-action:hover{background:#ffe4e7}.auth-form{grid-gap:12px;gap:12px;padding:12px}.auth-form,.auth-tabs{border:1px solid var(--line);border-radius:8px;display:grid}.auth-tabs{grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.auth-tabs button{background:var(--panel);border:0;color:var(--muted);min-height:38px}.auth-tabs button[aria-selected=true]{background:#e6f1ee;color:var(--accent-strong);font-weight:700}.auth-form label{display:grid;grid-gap:6px;gap:6px}.auth-form label span,.auth-panel span{color:var(--muted);font-size:13px}.auth-form input{border:1px solid var(--line);border-radius:8px;min-height:42px;min-width:0;padding:8px 10px;width:100%}.auth-form input:focus{border-color:var(--accent);outline:2px solid #c9e4de}.auth-panel{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;min-height:58px;padding:10px 12px}.auth-panel div{display:grid;grid-gap:3px;gap:3px;min-width:0}.auth-panel strong{font-size:14px;overflow-wrap:anywhere}.job-status{align-items:stretch;color:var(--muted);display:grid;grid-gap:8px;gap:8px;margin:0;min-height:74px}.job-status-line{align-items:center;display:flex;gap:8px;min-width:0}.job-status-line span:not(.status-dot){overflow-wrap:anywhere}.job-status-line strong{color:var(--ink);font-size:13px;margin-left:auto}.progress-track{background:#e7ece6;border:1px solid #d3ddd3;border-radius:999px;height:12px;overflow:hidden;width:100%}.progress-fill{background:var(--accent);display:block;height:100%;transition:width .18s ease}.status-dot{background:var(--gold);border-radius:50%;flex:0 0 auto;height:10px;width:10px}.job-status.completed .status-dot{background:var(--accent)}.job-status.review_required .progress-fill,.job-status.review_required .status-dot{background:#b7791f}.job-status.expired .progress-fill,.job-status.expired .status-dot,.job-status.failed .progress-fill,.job-status.failed .status-dot{background:var(--rose)}.error-message{color:var(--rose);margin:0}.success-message{color:var(--accent-strong);font-weight:700;margin:0}.quota-strip{align-items:center;background:#eef4f1;border:1px solid #bfd4cd;border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:44px;padding:10px 12px}.history-list small,.quota-strip span{color:var(--muted);font-size:13px}.quota-strip strong{font-size:14px;overflow-wrap:anywhere;text-align:right}.history-list{border-top:1px solid var(--line);display:grid;grid-gap:10px;gap:10px;padding-top:16px}.history-list>strong{font-size:15px}.history-list ul{display:grid;grid-gap:8px;gap:8px;list-style:none;margin:0;padding:0}.history-list li{align-items:center;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;justify-content:space-between;min-height:48px;padding:8px 10px}.history-list span{display:grid;font-size:14px;font-weight:700;grid-gap:2px;gap:2px;min-width:0;overflow-wrap:anywhere}.empty-history p{color:var(--muted);margin:0}.batch-panel,.history-gallery{border-top:1px solid var(--line);display:grid;grid-gap:12px;gap:12px;padding-top:16px}.batch-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.batch-heading strong{font-size:15px}.batch-heading span{background:#eef4f1;border:1px solid #bfd4cd;border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:700;min-width:28px;padding:4px 8px;text-align:center}.batch-list{display:grid;grid-gap:8px;gap:8px}.batch-item{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto;min-height:74px;padding:10px}.batch-item div{display:grid;grid-gap:4px;gap:4px;min-width:0}.batch-item small,.batch-item strong{overflow-wrap:anywhere}.batch-item small{color:var(--muted);font-size:13px}.batch-item .secondary-action{grid-column:1/-1;width:100%}.batch-status{border:1px solid #bfd4cd;border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:700;min-width:86px;padding:5px 8px;text-align:center}.batch-status.expired,.batch-status.failed,.batch-status.rejected{border-color:#efc1c8;color:#8d2638}.history-heading{align-items:center;display:flex;gap:8px;justify-content:space-between}.history-heading strong{font-size:15px}.history-heading span{background:#eef4f1;border:1px solid #bfd4cd;border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:700;min-width:28px;padding:4px 8px;text-align:center}.history-filters{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters button{background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);min-height:36px}.history-filters button[aria-pressed=true]{background:#e6f1ee;border-color:var(--accent);color:var(--accent-strong);font-weight:700}.history-grid{display:grid;grid-gap:12px;gap:12px}.history-card{display:grid;grid-gap:10px;gap:10px;grid-template-columns:88px minmax(0,1fr);padding:10px}.history-card,.history-thumb{border:1px solid var(--line);border-radius:8px}.history-thumb{align-items:center;aspect-ratio:1;background:#edf0ec;color:var(--muted);display:flex;font-size:13px;font-weight:700;justify-content:center;overflow:hidden;text-align:center}.history-thumb img{height:100%;object-fit:cover;width:100%}.history-card-body{display:grid;grid-gap:4px;gap:4px;min-width:0}.history-card-body small,.history-card-body strong{overflow-wrap:anywhere}.history-status{color:var(--muted);font-size:13px;font-weight:700}.history-status.completed{color:var(--accent-strong)}.history-status.expired,.history-status.failed{color:var(--rose)}.history-actions{display:grid;grid-gap:8px;gap:8px;grid-column:1/-1}.history-actions .secondary-action{width:100%}.history-repeat-mode{display:grid;grid-gap:6px;gap:6px}.history-repeat-mode span{color:var(--muted);font-size:13px}.history-repeat-mode select{border:1px solid var(--line);border-radius:8px;min-height:40px;padding:8px 10px;width:100%}.history-empty{color:var(--muted);margin:0}.result-delete-action{margin-top:10px;width:100%}.comparison{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:620px}.comparison figure{background:#edf0ec;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-rows:minmax(0,1fr) auto;margin:0;min-width:0;overflow:hidden}.comparison img,.empty-preview,.result-placeholder{aspect-ratio:4/5;height:100%;object-fit:contain;width:100%}.comparison figcaption{background:rgba(255,255,255,.9);border-top:1px solid var(--line);font-size:14px;font-weight:700;padding:10px 12px}.review-warning{background:#fff7e6;border:1px solid #e6c879;border-radius:8px;color:#6f4b00;display:grid;grid-gap:10px;gap:10px;grid-column:1/-1;line-height:1.45;padding:12px}.review-warning p{margin:0}.review-warning small{color:#6f4b00}.empty-preview,.result-placeholder{align-items:center;color:var(--muted);display:flex;justify-content:center;min-height:420px;text-align:center}.empty-preview{grid-template-columns:1fr;min-height:620px;position:relative}.preview-lines{background:linear-gradient(90deg,rgba(18,109,101,.14) 1px,transparent 0),linear-gradient(0deg,rgba(192,138,44,.14) 1px,transparent 0);background-size:28px 28px;inset:18px;position:absolute}.empty-preview p{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:12px 14px;position:relative}.download-link{margin-top:14px;width:100%}.export-panel,.variants-panel{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;margin-top:14px;padding:14px}.export-panel>strong,.variants-heading strong{font-size:15px}.export-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.export-grid .download-link{font-size:14px;margin-top:0;min-height:42px;padding:0 10px;text-align:center}.variants-heading{align-items:center;display:flex;justify-content:space-between}.variants-heading span{background:#eef4f1;border:1px solid #bfd4cd;border-radius:999px;color:var(--accent-strong);font-size:13px;font-weight:700;padding:4px 8px}.variant-strip{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.variant-card{display:grid;grid-gap:8px;gap:8px;min-width:0;padding:8px}.variant-card,.variant-preview{border:1px solid var(--line);border-radius:8px}.variant-preview{align-items:center;aspect-ratio:1;background:#edf0ec;color:var(--muted);display:flex;font-size:13px;font-weight:700;justify-content:center;overflow:hidden;padding:0;text-align:center;width:100%}.variant-preview[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.variant-preview img{height:100%;object-fit:cover;width:100%}.variant-card small,.variant-card strong{display:block;overflow-wrap:anywhere}.variant-card small{color:var(--muted);font-size:13px;margin-top:2px}.feedback-panel{border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:14px;gap:14px;margin-top:14px;padding:14px}.feedback-panel fieldset{border:0;margin:0;padding:0}.feedback-comment span,.feedback-panel legend{font-size:14px;font-weight:700;margin-bottom:10px}.feedback-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.feedback-grid label{align-items:center;border:1px solid var(--line);border-radius:8px;cursor:pointer;display:flex;gap:8px;min-height:42px;padding:8px 10px}.feedback-grid label:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.feedback-grid input{accent-color:var(--accent);flex:0 0 auto}.feedback-grid span{font-size:14px;font-weight:700;overflow-wrap:anywhere}.feedback-comment{display:grid;grid-gap:8px;gap:8px}.feedback-comment textarea{border:1px solid var(--line);border-radius:8px;min-height:86px;min-width:0;padding:10px 12px;resize:vertical;width:100%}.feedback-comment textarea:focus{border-color:var(--accent);outline:2px solid #c9e4de}.legal-page{min-height:calc(100vh - 72px);padding:32px}.legal-content{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-gap:18px;gap:18px;margin:0 auto;max-width:820px;padding:32px}.legal-content h1{font-size:clamp(30px,5vw,48px);line-height:1.05;margin:0}.legal-content p{color:var(--muted);font-size:17px;line-height:1.6;margin:0}.admin-quality-page{display:grid;grid-gap:20px;gap:20px;margin:0 auto;max-width:1180px;min-height:calc(100vh - 72px);padding:28px}.admin-quality-header{align-items:end;display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(220px,1fr) minmax(320px,560px)}.admin-eyebrow{color:var(--accent);font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}.admin-quality-header h1,.admin-quality-panel h2,.admin-quality-table-wrap h2{margin:0}.admin-quality-header h1{font-size:42px;line-height:1.05}.admin-token-form{align-items:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:minmax(0,1fr) auto auto}.admin-token-form label{display:grid;grid-gap:6px;gap:6px}.admin-token-form span{color:var(--muted);font-size:13px;font-weight:700}.admin-token-form input{border:1px solid var(--line);border-radius:8px;min-height:44px;min-width:0;padding:0 12px}.admin-token-form button{background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;min-height:44px;padding:0 14px}.admin-token-form button:last-child{background:var(--ink)}.admin-token-form button:disabled{cursor:not-allowed;opacity:.56}.admin-message,.admin-quality-empty{background:#fff8e8;border:1px solid #efd7a2;border-radius:8px;color:#6b4c16;margin:0;padding:12px 14px}.admin-quality-empty{display:grid;min-height:180px;place-items:center}.admin-metrics-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,minmax(130px,1fr))}.admin-metrics-grid div,.admin-quality-panel,.admin-quality-table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 34px rgba(26,34,28,.08)}.admin-metrics-grid div{display:grid;grid-gap:8px;gap:8px;min-height:92px;padding:16px}.admin-metrics-grid span{color:var(--muted);font-size:13px;font-weight:700}.admin-metrics-grid strong{font-size:28px;line-height:1}.admin-quality-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-quality-panel,.admin-quality-table-wrap{display:grid;grid-gap:14px;gap:14px;padding:18px}.admin-mode-list,.admin-risk-list{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0}.admin-mode-list div,.admin-risk-list li{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;min-height:44px;padding:10px}.admin-risk-list li{grid-template-columns:10px minmax(90px,auto) minmax(0,1fr);list-style:none}.admin-risk-dot{border-radius:999px;height:10px;width:10px}.admin-risk-dot.warning{background:var(--gold)}.admin-risk-dot.critical{background:var(--rose)}.admin-mode-list div{grid-template-columns:minmax(90px,1fr) repeat(3,auto)}.admin-empty,.admin-mode-list span,.admin-risk-list span{color:var(--muted);font-size:14px}.admin-quality-table-scroll{overflow-x:auto}.admin-quality-table{border-collapse:collapse;min-width:920px;width:100%}.admin-quality-table td,.admin-quality-table th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}.admin-quality-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.admin-quality-table td{font-size:14px}@media (max-width:900px){.app-shell{padding:16px}.site-footer{padding:0 16px 20px}.legal-page{padding:16px}.workbench{grid-template-columns:1fr}.admin-quality-page{padding:16px}.admin-quality-grid,.admin-quality-header{grid-template-columns:1fr}.admin-metrics-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.comparison{min-height:auto}}@media (max-width:620px){.control-panel,.result-panel{padding:14px}.comparison,.export-grid,.feedback-grid,.variant-strip{grid-template-columns:1fr}.title-block h1{font-size:34px}.legal-content{padding:20px}.admin-metrics-grid,.admin-mode-list div,.admin-risk-list li,.admin-token-form{grid-template-columns:1fr}}