@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{--ink:#16211e;--green:#1d4b3c;--lime:#c7f36b;--paper:#f4f4ef;--line:#d7d9d2;--muted:#64706b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.primary,.project-head button{background:var(--green);color:#fff;padding:14px;border-radius:3px;font-weight:800}.secondary{background:#e8ebe5;color:var(--ink);padding:12px 16px;border-radius:3px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login section{padding:12vh 13%;display:flex;justify-content:center;flex-direction:column}.login aside{background:#dfe4da;position:relative;overflow:hidden}.login img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.login aside span{position:absolute;bottom:28px;right:28px;background:var(--ink);color:#fff;padding:9px 12px;font:11px DM Mono;letter-spacing:.04em}.eyebrow{font:11px DM Mono;letter-spacing:.09em;color:var(--green);font-weight:500}.login h1{font-size:clamp(42px,5vw,70px);line-height:1.05;margin:12px 0}.login h1 em{font-family:Playfair Display;font-weight:600}.intro{color:var(--muted);font-size:16px;line-height:1.6;max-width:430px}.login .primary{margin-top:28px;max-width:390px}label{display:grid;gap:7px;font-weight:700;font-size:12px}input,select,textarea{padding:13px;background:#fff;border:1px solid var(--line);border-radius:3px}.notice,.hint{font-size:11px;line-height:1.5;color:var(--muted)}header{height:68px;border-bottom:1px solid var(--line);display:flex;padding:0 5%;align-items:center;justify-content:space-between;background:#fff}.brand{font-size:22px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{font-size:8px;vertical-align:top;margin-left:2px}nav{display:flex;align-items:center;gap:26px}nav span{color:var(--muted);font-size:12px}.text{background:none;color:var(--muted);font-size:13px}.workspace{max-width:1280px;margin:auto;padding:48px 5%}.project-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.project-head h1{font-size:34px;margin:6px 0}.project-head p{margin:0;color:var(--muted)}.actions{display:flex;gap:10px;align-items:center}.warning{margin:30px 0;padding:13px 16px;background:#fff3ce;border-left:4px solid #e8ad2f;font-size:13px}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.asset,.panel{background:#fff;border:1px solid var(--line);border-radius:4px}.asset-bar{padding:16px 18px;display:flex;justify-content:space-between}.asset-bar small{display:block;color:var(--muted);margin-top:4px}.tag{font:10px DM Mono;color:var(--green);background:#e4f1d2;padding:6px 8px;height:max-content}.canvas{position:relative;background:#edf0e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);line-height:0}.canvas img{width:100%;display:block}.pin{position:absolute;transform:translate(-50%,-50%);background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:28px;height:28px;font-weight:800;line-height:20px}.hint{padding:0 18px}.panel{max-height:675px;overflow:auto}.panel-title{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0;font-size:16px}.panel-title span{color:var(--muted);font:11px DM Mono}.comment{padding:16px 18px;border-bottom:1px solid var(--line)}.comment>div{display:flex;align-items:center;gap:8px}.number{width:21px;height:21px;text-align:center;border-radius:50%;background:var(--lime);font-weight:800;padding-top:2px}.comment b{font-size:10px;text-transform:uppercase;color:var(--green)}.comment p{margin:10px 0 8px;line-height:1.5}.comment small{font-size:10px;color:var(--muted)}.resolve{margin-left:auto;background:none;color:var(--green);font-size:11px;font-weight:800}.empty{padding:18px;color:var(--muted);line-height:1.5}dialog{border:0;border-radius:5px;box-shadow:0 24px 80px #16211e55;width:min(500px,90vw);padding:0}dialog::backdrop{background:#16211e99}dialog form{padding:24px;display:grid;gap:16px}dialog h2,dialog p{margin:0}textarea{min-height:120px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:800px){.login{grid-template-columns:1fr}.login aside{display:none}.review-grid{grid-template-columns:1fr}.project-head{align-items:flex-start;flex-direction:column}.actions{width:100%;flex-direction:column;align-items:stretch}nav{gap:13px}.workspace{padding-top:28px}}
