:root{--background:#f7f4ee;--surface:#fff;--surface-muted:#f0f5f4;--text:#1d2327;--muted:#627174;--border:#d9dfdc;--accent:#0f766e;--accent-dark:#115e59;--accent-soft:#d8f1ed;--danger:#b42318;--shadow:0 18px 55px #1926281a}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f4eeeb;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 32px);margin:0 auto;padding:14px 0;display:flex}.brand{align-items:center;gap:10px;font-weight:750;display:flex}.brand-mark{background:var(--text);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:34px;height:34px;font-size:.82rem;display:grid}.nav{align-items:center;gap:8px;display:flex}.nav-link{color:var(--muted);border-radius:8px;padding:8px 11px;font-size:.92rem}.nav-link:hover{background:var(--surface-muted);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent-dark)}.session-menu{min-width:0;color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.session-menu span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.logout-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:8px;place-items:center;display:inline-grid}.logout-button:hover{background:var(--surface-muted)}.main{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 56px}.page-heading{gap:8px;margin-bottom:24px;display:grid}.page-heading h1{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1}.page-heading p{max-width:690px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.55}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.panel-body{padding:22px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.upload-zone{background:#fbfaf7;border:1px dashed #aeb9b7;border-radius:8px;align-content:start;gap:14px;min-height:320px;padding:18px;display:grid}.upload-zone h2,.attachment-section h2,.detail-section h2{margin:0;font-size:1rem}.upload-zone p,.attachment-section p{color:var(--muted);margin:0;line-height:1.45}.file-control{border:1px solid var(--border);background:var(--surface);width:fit-content;color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-weight:650;display:flex}.file-control input{display:none}.preview{background:var(--surface-muted);min-height:164px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:12px;display:grid;position:relative;overflow:hidden}.preview-badge{z-index:1;color:#fff;background:#0f766eeb;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:750;position:absolute;top:10px;left:10px}.selection-summary{color:var(--accent-dark);margin:0;font-weight:700}.preview img{object-fit:contain;width:100%;height:100%;max-height:320px}.preview.compact{aspect-ratio:5/7;width:100%;min-height:0;padding:8px}.attachment-section{gap:14px;margin-top:18px;display:grid}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px;display:grid}.attachment-item{min-width:0;position:relative}.icon-button{z-index:1;color:#fff;background:#1d2327c7;border:1px solid #ffffffa3;border-radius:8px;place-items:center;width:32px;height:32px;display:inline-grid;position:absolute;top:8px;right:8px}.icon-button:hover{background:#1d2327eb}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button{background:var(--accent);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}.button:hover{background:var(--accent-dark)}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button.secondary:hover{background:var(--surface-muted)}.button.danger{color:var(--danger)}.button.danger:hover{background:#fff1ef;border-color:#b4231840}.button:disabled{cursor:not-allowed;opacity:.56}.status{color:var(--muted);margin-top:14px}.status.error{color:var(--danger)}.status.success{color:var(--accent-dark);align-items:center;gap:7px;display:inline-flex}.pipeline-message{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:8px;margin:10px 0 0;padding:10px 12px;line-height:1.45}.pipeline-message strong,.pipeline-message p{margin:0}.pipeline-message.error{color:var(--danger);background:#fff1ef;border-color:#b4231840}.card-list{gap:12px;display:grid}.review-session{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px;display:grid}.row-actions{align-items:center;gap:8px;display:flex}.thumb{aspect-ratio:5/7;color:#fff;text-align:center;background:linear-gradient(150deg,#28343a,#0f766e);border-radius:7px;place-items:center;width:84px;font-size:.78rem;font-weight:750;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.card-row h2,.listing-form h2{margin:0;font-size:1.1rem}.meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.92rem;display:flex}.pill{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:4px 9px;font-size:.82rem;font-weight:700}.detail-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.card-art{aspect-ratio:5/7;background:var(--surface-muted);color:#fff;text-align:center;border-radius:8px;place-items:center;display:grid;overflow:hidden}.card-art strong{font-size:1.35rem;line-height:1.2}.card-art img{object-fit:cover;width:100%;height:100%}.card-art a{width:100%;height:100%;display:block}.detail-gallery{gap:10px;margin-top:18px;display:grid}.detail-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px;display:grid}.detail-gallery-grid a{aspect-ratio:5/7;border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;display:block;overflow:hidden}.detail-gallery-grid img{object-fit:cover;width:100%;height:100%}.listing-form,.settings-form{gap:16px;display:grid}.readonly-row{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.readonly-row strong{color:var(--text)}.field{gap:7px;display:grid}.field label{color:var(--muted);font-size:.9rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:11px 12px}.field input.field-warning{border-color:var(--danger);background:#fff8f7}.field-hint{color:var(--muted);font-size:.82rem}.field-hint.warning{color:var(--danger);font-weight:700}.field textarea{resize:vertical;min-height:138px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.empty{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;padding:22px}.empty-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.empty-action p{margin:0}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);background:var(--surface);width:min(430px,100%);box-shadow:var(--shadow);border-radius:8px;gap:20px;padding:26px;display:grid}.auth-panel-compact{grid-auto-flow:column;align-items:center;width:auto;padding:18px 22px}.auth-panel-compact p{color:var(--muted);margin:0}.auth-brand{align-items:center;gap:10px;font-weight:750;display:flex}.auth-heading{gap:8px;display:grid}.auth-heading h1,.auth-heading p{margin:0}.auth-heading h1{font-size:2rem;line-height:1.05}.auth-heading p{color:var(--muted);line-height:1.5}.auth-switch{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.auth-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}.auth-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 8px 20px #19262814}.auth-form{gap:14px;display:grid}.auth-submit{width:100%;margin-top:2px}.auth-debug{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;margin-top:0;padding:9px 11px;font-size:.86rem}.spin{animation:.8s linear infinite spin}.floating-error{max-width:min(420px,100vw - 32px);color:var(--danger);box-shadow:var(--shadow);background:#fff7f5;border:1px solid #b423183d;border-radius:8px;margin:0;padding:12px 14px;position:fixed;bottom:16px;right:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.topbar-inner,.nav,.actions{align-items:stretch}.topbar-inner{flex-direction:column;gap:12px}.nav,.session-menu{justify-content:space-between;width:100%}.grid-two,.detail-grid,.form-row{grid-template-columns:1fr}.card-row{grid-template-columns:68px minmax(0,1fr)}.card-row .button{grid-column:1/-1}.thumb{width:68px}}