:root{color-scheme:light;--bg: #eef2f5;--surface: #ffffff;--surface-soft: #f7f9fb;--line: #d8e0e7;--line-strong: #b8c5cf;--text: #18212b;--muted: #647282;--accent: #176d63;--accent-strong: #0f514a;--warn: #a5531c;--ok: #26734d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}button{color:inherit}.review-desk{display:grid;grid-template-columns:292px minmax(0,1fr);height:100vh;min-height:0}.project-rail{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line);background:#fbfcfd;padding:18px}.brand-block{margin-bottom:18px}.brand-title{font-size:25px;font-weight:780}.brand-subtitle,.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.project-open{display:grid;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--line)}.project-open label,.panel-section label{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.project-open-row{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:8px}input,textarea{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--text)}input{height:38px;padding:0 10px}textarea{min-height:142px;resize:vertical;padding:10px}.button,.icon-button,.status-actions button{border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);cursor:pointer}.button{height:38px;padding:0 14px;font-weight:720}.button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.button.secondary{color:var(--accent-strong);background:#e9f5f2;border-color:#98bab4}button:disabled{cursor:default;opacity:.48}.project-list{display:grid;align-content:start;gap:8px;min-height:0;overflow:auto;padding-top:16px}.project-row{display:grid;gap:4px;width:100%;min-width:0;border:1px solid transparent;border-radius:6px;background:transparent;padding:10px;text-align:left;cursor:pointer}.project-row:hover,.project-row.selected{border-color:#91aaa7;background:#edf6f4}.project-row span,.project-row small,.file-main strong,.file-main small,.preview-header h2,.project-heading p,.preview-url code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row span,.file-main strong{font-weight:720}.project-row small,.file-main small{color:var(--muted)}.workbench{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);background:var(--surface);padding:16px 20px}.project-heading{min-width:0}h1,h2,p{margin:0}h1{margin-top:2px;font-size:24px;line-height:1.15}h2{margin-top:3px;font-size:18px;line-height:1.2}.project-heading p{margin-top:5px;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:10px}.toast{max-width:320px;overflow:hidden;border:1px solid #bad2ce;border-radius:6px;background:#f0faf8;color:#275953;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px;border-bottom:1px solid var(--line);background:var(--surface-soft);padding:12px 20px}.metric{display:flex;align-items:center;justify-content:space-between;height:52px;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:0 14px;cursor:pointer}.metric.active{border-color:#7fb0a8;background:#eaf6f4}.metric span{color:var(--muted);font-weight:700}.metric strong{font-size:22px}.main-grid{display:grid;grid-template-columns:360px minmax(420px,1fr) 300px;min-height:0}.queue,.review-panel{min-width:0;min-height:0;border-right:1px solid var(--line);background:var(--surface)}.queue{display:grid;grid-template-rows:auto minmax(0,1fr)}.queue-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:12px}.queue-toolbar span{color:var(--muted);font-size:13px;font-weight:700}.directory-tree{min-height:0;overflow:auto;padding:10px}.directory-tree details{border:1px solid var(--line);border-radius:6px;background:#fbfcfd;margin-bottom:8px}.directory-tree summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:0 10px;cursor:pointer}.directory-tree summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:760}.directory-tree summary strong{color:var(--muted);font-size:12px}.file-queue{display:grid;align-content:start;gap:5px;padding:0 8px 8px}.file-card{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:50px;border:1px solid transparent;border-radius:6px;background:transparent;padding:8px;text-align:left;cursor:pointer}.file-card:hover,.file-card.selected{border-color:#9db8b4;background:#eff7f5}.status-dot{width:10px;height:10px;border-radius:50%;background:#9aa7b4}.status-dot.approved{background:var(--ok)}.status-dot.needs_fix{background:var(--warn)}.status-dot.ignored{background:#7d8791}.file-main{display:grid;min-width:0;gap:3px}.file-kind{border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:11px;font-weight:800;padding:3px 5px}.preview-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;background:#dfe6eb}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border-bottom:1px solid var(--line-strong);background:var(--surface);padding:12px 14px}.preview-header h2{max-width:52vw}.nav-actions{display:flex;gap:8px}.icon-button{min-width:62px;height:34px;padding:0 10px}.preview-url{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);background:#f8fafb;padding:8px 14px}.preview-url code{display:block;min-width:0;color:#40505f;font-size:12px}.preview-links{display:flex;gap:10px}.preview-url a,.shared-header a,.share-batch-link,.shared-card-links a{color:var(--accent-strong);font-size:13px;font-weight:750;text-decoration:none}.share-batch-link{display:inline-flex;align-items:center;height:38px;border:1px solid #98bab4;border-radius:6px;background:#e9f5f2;padding:0 12px;white-space:nowrap}.preview-frame{align-items:start;display:grid;justify-items:stretch;min-width:0;min-height:0;overflow:auto;padding:14px}.preview-frame iframe,.preview-frame img{width:100%;min-height:100%;height:100%;border:1px solid #bac8d2;border-radius:6px;background:#fff}.preview-frame img{object-fit:contain;object-position:top center}.empty-state{align-self:start;color:var(--muted)}.review-panel{display:grid;align-content:start;border-right:0;border-left:1px solid var(--line);overflow:auto}.shared-page{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:0;background:#dfe6eb}.shared-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;border-bottom:1px solid var(--line);background:var(--surface);padding:14px 18px}.shared-header div{min-width:0}.shared-header h1,.shared-header p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-header p{margin-top:4px;color:var(--muted)}.shared-preview{align-items:start;display:grid;justify-items:stretch;min-width:0;min-height:0;overflow:auto;padding:14px}.shared-preview iframe,.shared-preview img{width:100%;height:100%;min-height:calc(100vh - 92px);border:1px solid #bac8d2;border-radius:6px;background:#fff}.shared-preview img{object-fit:contain;object-position:top center}.shared-batch-page{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:0;background:var(--bg)}.shared-batch-page .shared-header{grid-template-columns:minmax(0,1fr) minmax(260px,420px)}.shared-batch-list{min-height:0;overflow:auto;padding:16px}.shared-directory{margin-bottom:16px}.shared-directory h2{margin-bottom:8px;font-size:16px}.shared-artifact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}.shared-artifact-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:10px}.shared-artifact-card div:first-child{display:grid;gap:4px;min-width:0}.shared-artifact-card strong,.shared-artifact-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-artifact-card small{color:var(--muted)}.shared-card-links{display:flex;gap:10px;white-space:nowrap}.panel-section{display:grid;gap:10px;border-bottom:1px solid var(--line);padding:14px}.status-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-actions button{min-height:38px;padding:0 8px;font-weight:720}.details div{display:grid;gap:4px}.details span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.details strong{overflow-wrap:anywhere;font-size:13px}@media(max-width:1180px){.review-desk{grid-template-columns:250px minmax(0,1fr)}.main-grid{grid-template-columns:310px minmax(360px,1fr)}.review-panel{display:none}}@media(max-width:860px){body{overflow:auto}.review-desk,.workbench,.main-grid{display:block;height:auto}.project-rail,.queue,.review-panel{border-right:0;border-bottom:1px solid var(--line)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-tree{max-height:320px}.preview-frame iframe,.preview-frame img{height:65vh}.review-panel{display:grid}}