*{box-sizing:border-box}:root{--bg:#f3f6f7;--card:#fff;--text:#183042;--muted:#70818c;--line:#dfe7eb;--accent:#86b941;--danger:#b83b3b}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:5}.topbar b,.topbar small{display:block}.topbar b{letter-spacing:.12em}.topbar small{color:var(--muted)}.pill{background:#eef6e7;color:#527d22;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.page{width:min(1180px,calc(100% - 30px));margin:auto;padding:28px 0 60px}.hero{padding:26px 4px 18px}.hero.compact{padding-top:10px}.hero>span,.proposal-head span,.done>span{font-size:11px;font-weight:900;color:#6c9a32;letter-spacing:.08em}.hero h1{font-size:clamp(30px,5vw,46px);margin:5px 0 8px}.hero p,.proposal-head p,.card>p{color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 8px 30px rgba(33,57,69,.05)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.full{grid-column:1/-1}.field{display:grid;gap:7px}.field b{font-size:13px}input,select{width:100%;border:1px solid #ccd7dc;border-radius:11px;padding:12px 13px;background:#fff}.actions{display:flex;justify-content:flex-end;margin-top:16px}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.primary{background:var(--accent);color:#fff}.secondary{background:#edf2f4;color:#2d4655}.btn:disabled{opacity:.45;cursor:not-allowed}.alert{padding:12px 14px;border-radius:11px;margin-bottom:14px}.error{background:#fff0f0;color:#8d2929}.success{background:#eef8e8;color:#4d7622}.upload{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;border:2px dashed #cad6db;border-radius:14px;padding:18px}.upload span{font-size:12px;color:var(--muted)}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.photos article{border:1px solid var(--line);border-radius:12px;overflow:hidden}.photos img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.photos article>div{padding:8px;display:flex;gap:6px;justify-content:space-between;align-items:center}.photos small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger{border:0;background:transparent;color:var(--danger);cursor:pointer}.empty{text-align:center;padding:24px;background:#f7f9fa;color:var(--muted);border-radius:12px}.proposal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.proposal-head h2{margin:4px 0}.spreads{display:flex;overflow-x:auto;gap:12px;padding:16px 0 4px}.spread{flex:0 0 300px}.spread small{display:block;margin-bottom:5px}.canvas{aspect-ratio:2/1;display:grid;gap:4px;padding:8px;background:#1f2428;border-radius:10px;position:relative;overflow:hidden}.canvas img{width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}.canvas i{position:absolute;left:50%;top:0;bottom:0;width:2px;background:rgba(255,255,255,.6);pointer-events:none}.done{text-align:center;max-width:700px;margin:40px auto}.check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#edf7e7;color:#61962e;font-size:34px;font-weight:900;margin:0 auto 18px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}.summary div{background:#f5f8f9;border-radius:12px;padding:14px}.summary small,.summary b{display:block}.summary small{color:var(--muted);margin-bottom:4px}@media(max-width:760px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.upload{grid-template-columns:1fr}.proposal-head{display:grid}.summary{grid-template-columns:repeat(2,1fr)}}