:root{color:#17201a;font-synthesis:none;text-rendering:optimizelegibility;background:#edf0ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input,textarea{font:inherit}.shell{background:linear-gradient(#ffffffb8,#edf0eaf0),url(https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=1800&q=80) 50%/cover fixed;min-height:100vh;padding:28px}.workspace{max-width:1280px;margin:0 auto}.topbar,.assignment-header,.row-head,.actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{align-items:end;margin-bottom:18px}.eyebrow{color:#5a675d;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:750}h1,h2{letter-spacing:0;margin:0}h1{font-size:clamp(2rem,5vw,4rem);line-height:1}h2{font-size:1.35rem}.api-pill{color:#39483e;text-overflow:ellipsis;white-space:nowrap;background:#ffffffbd;border:1px solid #17201a24;border-radius:999px;flex:none;max-width:min(420px,48vw);padding:9px 12px;font-size:.82rem;overflow:hidden}.builder{grid-template-columns:340px minmax(0,1fr);gap:18px;display:grid}.mode-switch{background:#ffffffdb;border:1px solid #17201a29;border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:18px;display:inline-grid;overflow:hidden}.mode-switch button{color:#465449;cursor:pointer;background:0 0;border:0;min-height:42px;padding:0 16px;font-weight:750}.mode-switch button.active{color:#fff;background:#244b37}.panel{background:#ffffffeb;border:1px solid #17201a1f;border-radius:8px;box-shadow:0 20px 70px #1e2c221f}.command-panel,.assignment-panel{padding:18px}.command-panel{align-self:start;position:sticky;top:18px}.drop-input{color:#253228;cursor:pointer;background:#f8faf7;border:1px dashed #17201a47;border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:12px 14px;display:flex}.drop-input.wide{width:100%}.drop-input span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drop-input input{display:none}.field-label{color:#35443a;margin:16px 0 8px;font-size:.86rem;font-weight:750;display:block}.segmented{background:#f1f4ef;border:1px solid #17201a29;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{color:#465449;cursor:pointer;background:0 0;border:0;min-height:42px}.segmented button.active{color:#fff;background:#244b37}.summary-strip{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.summary-strip.one-column{grid-template-columns:1fr}.summary-strip div{background:#f8faf7;border:1px solid #17201a1f;border-radius:8px;padding:10px}.summary-strip span{color:#5a675d;font-size:.78rem;display:block}.summary-strip strong{margin-top:2px;font-size:1.3rem;display:block}.bulk-panel,.metadata-panel,.email-panel{background:#f8faf7;border:1px solid #17201a1f;border-radius:8px;gap:10px;margin-top:16px;padding:12px;display:grid}.metadata-panel,.email-panel{background:#fbfcfa}.report-title-preview{color:#35443a;overflow-wrap:anywhere;background:#fff;border:1px solid #17201a1f;border-radius:8px;min-width:0;padding:9px 10px;font-size:.84rem;line-height:1.4}.bulk-title,.select-all-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.bulk-title span{color:#5a675d;font-size:.84rem}.select-all-line{justify-content:flex-start}.select-all-line input,.row-select input{accent-color:#244b37;width:18px;min-height:18px}.primary,.secondary{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;display:inline-flex}.actions{margin-top:16px}.primary{color:#fff;background:#244b37;border:1px solid #244b37;flex:1;font-weight:800}.primary:disabled{cursor:not-allowed;opacity:.48}.secondary{color:#24352a;background:#fff;border:1px solid #17201a2e;padding:0 14px}.secondary.full{width:100%}.secondary:disabled{cursor:not-allowed;opacity:.48}.status{color:#39483e;margin:14px 0 0;font-size:.92rem;line-height:1.45}.assignment-list{gap:12px;max-height:calc(100vh - 190px);margin-top:16px;padding-right:4px;display:grid;overflow:auto}.assignment-row{background:#fbfcfa;border:1px solid #17201a1f;border-radius:8px;grid-template-columns:28px 148px minmax(0,1fr);gap:14px;padding:12px;display:grid}.assignment-row.selected{background:#f3f8f2;border-color:#244b376b}.assignment-row.improvement-row{grid-template-columns:38px minmax(160px,260px) minmax(0,1fr)}.section-number{color:#fff;background:#244b37;border-radius:999px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.audit-summary{min-width:0}.audit-summary strong,.audit-summary span,.audit-summary small{display:block}.audit-summary span,.audit-summary small{color:#5a675d}.audit-summary p{color:#26352b;overflow-wrap:anywhere;margin:8px 0;line-height:1.45}.improvement-skip{justify-content:flex-start;margin-bottom:10px}.row-select{justify-content:center;align-items:start;padding-top:4px;display:flex}.thumb{aspect-ratio:4/3;background:#dfe5dc;border:1px solid #17201a24;border-radius:8px;width:148px;overflow:hidden}.thumb img{width:100%;height:100%}.thumb.cover img{object-fit:cover}.thumb.contain img{object-fit:contain;background:#fff}.assignment-fields{min-width:0}.row-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-head button{color:#8a2c2c;cursor:pointer;background:0 0;border:0;font-weight:700}.field-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-top:10px;display:grid}.field-grid.compact{grid-template-columns:repeat(2,minmax(120px,1fr))}label span{color:#526158;margin-bottom:5px;font-size:.78rem;font-weight:700;display:block}select,input,textarea{color:#17201a;background:#fff;border:1px solid #17201a2e;border-radius:8px;width:100%}select,input{min-height:38px;padding:0 10px}textarea{resize:vertical;min-height:58px;padding:9px 10px}.comment-field{margin-top:10px;display:block}.empty-state{color:#66736a;text-align:center;border:1px dashed #17201a38;border-radius:8px;place-items:center;min-height:320px;padding:28px;display:grid}.empty-state p{max-width:420px;margin:12px 0 0;line-height:1.5}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.shell{padding:16px}.topbar,.assignment-header,.row-head,.actions{flex-direction:column;align-items:stretch}.api-pill{max-width:100%}.builder,.assignment-row,.assignment-row.improvement-row,.field-grid{grid-template-columns:1fr}.command-panel{position:static}.assignment-list{max-height:none}.thumb{width:100%}}
