:root{--bg:#f5f4f1;--card:#fff;--ink:#101010;--muted:#767676;--line:#deddd9;--soft:#efeeeb;--pink:#fc00ff;--orange:#fff0e7;--orange-line:#e6a779;--purple:#f3f1ff;--green:#187b45}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.topbar{height:86px;background:#111;display:flex;align-items:center}.topbar-inner{width:min(980px,100%);margin:auto;padding:0 20px}.topbar img{display:block;width:132px;height:auto}.loading,.error{width:min(920px,calc(100% - 32px));margin:42px auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;color:var(--muted)}main{width:min(920px,calc(100% - 32px));margin:0 auto;padding:34px 0 92px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#555}.hero h1{font-size:36px;line-height:1.02;margin:8px 0 7px}.job-name{font-size:15px;color:var(--muted)}.due,.progress,.content-card,.done{background:var(--card);border:1px solid var(--line);border-radius:18px}.due{min-width:180px;padding:14px 16px}.due small{color:var(--muted)}.progress{padding:17px 19px;margin:24px 0}.progress-line{height:7px;background:#ecebe8;border-radius:99px;overflow:hidden;margin-top:11px}.progress-line span{display:block;height:100%;background:#111;border-radius:99px}.progress-meta{color:var(--muted);font-size:13px;margin-top:3px}.content-card{padding:22px;margin:15px 0;overflow:hidden}.meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}.pill{font-style:normal;background:#111;color:#fff;padding:5px 8px;border-radius:99px}.content-card h2{font-size:23px;line-height:1.15;margin:14px 0}.field{border-top:1px solid #eee;padding-top:12px;margin-top:12px}.field b,.notice b{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.field p,.notice p{white-space:pre-wrap;line-height:1.56;margin:7px 0 0}.notice{padding:12px 13px;border-radius:12px;margin-top:12px}.notice.change{background:var(--orange);border:1px solid var(--orange-line)}.notice.comment{background:var(--purple)}.media-block{margin:0 -22px 20px;padding:18px 22px;background:#151515}.media-count{color:#aaa;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.asset-list{display:flex;flex-direction:column;gap:18px}.asset-item{background:#0b0b0b;border:1px solid #303030;border-radius:14px;overflow:hidden}.asset-label{color:#fff;font-size:11px;font-weight:800;padding:10px 12px;border-bottom:1px solid #2d2d2d}.asset-image{display:block;width:100%;max-height:760px;object-fit:contain;background:#090909}.asset-video{display:block;width:100%;max-height:760px;background:#090909}.asset-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;color:#fff;text-decoration:none}.asset-link small{color:#999}.asset-link strong{overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.btn{border:1px solid #ccc;background:#fff;color:#111;padding:11px 15px;border-radius:99px;font-weight:750;cursor:pointer}.btn:hover{border-color:#888}.btn.dark,.btn.selected{background:#111;color:#fff;border-color:#111}.btn.warn{background:#fff0e7;border-color:#e4a575}.final-bar{position:sticky;bottom:12px;background:#111;color:#fff;border-radius:16px;padding:16px 18px;margin-top:22px;display:flex;justify-content:space-between;gap:14px;align-items:center;box-shadow:0 12px 36px #0002}.final-bar small{display:block;color:#bbb;margin-top:3px}.final-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.final-bar .btn{border-color:#fff}.final-bar .btn:disabled{opacity:.35;cursor:not-allowed}.done{text-align:center;padding:30px}.done h2{margin-top:0}dialog{border:0;padding:0;border-radius:18px;width:min(540px,calc(100% - 24px));background:transparent}dialog::backdrop{background:#0009}.dialog-card{position:relative;background:#fff;border-radius:18px;padding:22px}.dialog-card h2{font-size:25px;margin:7px 0 15px}.dialog-close{position:absolute;top:10px;right:12px;background:transparent;border:0;font-size:28px;cursor:pointer;color:#777}.dialog-card textarea{width:100%;resize:vertical;border:1px solid #ccc;border-radius:12px;padding:12px;font:inherit}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media(max-width:680px){main{width:min(100% - 22px,920px);padding-top:24px}.topbar{height:72px}.topbar img{width:118px}.hero{display:block}.hero h1{font-size:30px}.due{margin-top:16px}.content-card{padding:17px}.media-block{margin:0 -17px 18px;padding:15px 17px}.content-card h2{font-size:21px}.final-bar{align-items:flex-start;flex-direction:column}.final-actions{width:100%;flex-direction:column}.final-bar .btn{width:100%}.asset-image,.asset-video{max-height:none}}