:root{--ink:#172226;--navy:#183b4b;--teal:#0d7c75;--cream:#f4f1e9;--line:#d7ddd9;--panel:#fbfcfa;--danger:#b43b36}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:68px;padding:0 24px;display:grid;grid-template-columns:1fr minmax(220px,420px) 1fr;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy)}.brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--teal);color:#fff;font:22px Georgia}.doc-title{text-align:center;width:100%;border:1px solid transparent;border-radius:7px;padding:8px;font-weight:700;background:transparent}.doc-title:hover,.doc-title:focus{outline:none;border-color:var(--line);background:var(--panel)}.top-actions{display:flex;justify-content:flex-end;gap:8px}.top-actions button,.property-actions button{border:1px solid transparent;border-radius:7px;padding:9px 12px;font-weight:700}.primary{background:var(--teal);color:#fff}.outline{background:#fff;border-color:var(--line)!important}.quiet{background:transparent}.workspace{display:grid;grid-template-columns:245px minmax(620px,1fr) 285px;min-height:calc(100vh - 68px)}.panel{background:var(--panel);padding:22px 18px}.palette{border-right:1px solid var(--line)}.properties{border-left:1px solid var(--line)}.panel-title{display:flex;flex-direction:column;margin-bottom:20px}.panel-title strong{color:var(--navy)}.panel-title small{color:#72807c;font-size:13px;margin-top:3px}#palette{display:grid;gap:8px}.block-btn{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;text-align:left;gap:7px;padding:11px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344442}.block-btn:hover{border-color:var(--teal);color:var(--teal);background:#f2fbf9}.block-icon{font-size:18px}.plus{text-align:center;font-size:20px}.tip{margin-top:24px;padding:14px;border-radius:9px;background:#e9f4f1;color:#305a55;font-size:13px;line-height:1.45}.tip p{margin:5px 0 0}.canvas-wrap{padding:22px 32px 70px;overflow:auto;background-color:#e7e5df;background-image:radial-gradient(#c7c7c1 1px,transparent 1px);background-size:18px 18px}.canvas-info{width:794px;margin:0 auto 10px;display:flex;justify-content:space-between;color:#66716f;font-size:13px}.paper{width:794px;min-height:1123px;margin:auto;padding:68px 70px 48px;background:#fff;box-shadow:0 14px 45px #23312e24;position:relative}.eyebrow{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.22em}.paper h1{font:32px/1.15 Georgia,serif;margin:12px 0 16px;color:var(--navy)}.title-rule{display:block;height:4px;width:82px;background:var(--teal);margin-bottom:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.form-item{grid-column:1/-1;position:relative;border:1px solid transparent;border-radius:6px;padding:7px;margin:-7px}.form-item.half{grid-column:span 1}.form-item:hover{border-color:#a6c9c4}.form-item.selected{border-color:var(--teal);background:#f4fbf9;box-shadow:0 0 0 2px #cde7e2}.move-controls{position:absolute;right:4px;top:-27px;height:26px;display:flex;background:var(--teal);border-radius:5px 5px 0 0;overflow:hidden;z-index:3}.move-controls button{width:30px;border:0;background:transparent;color:#fff}.move-controls button:hover{background:#075f5a}.paper h2{margin:2px 0;font:700 21px Georgia;color:var(--navy)}.paper h3{margin:0 0 8px;font-size:16px;color:var(--navy)}.paper label{display:block;font-size:14px;font-weight:700;color:#33423f}.paper input:not([type=checkbox]),.paper select{width:100%;height:39px;margin-top:7px;padding:8px 10px;border:0;border-bottom:1.5px solid #63716e;border-radius:0;background:#fafbf9}.long-text{margin:0;white-space:pre-line;font:16px/1.6 Georgia;color:#34413f}.paper-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}.paper-check input{width:18px;height:18px;accent-color:var(--teal)}.form-item hr{border:0;border-top:1px solid #aab4b1;margin:6px 0}.signature{padding-top:32px}.signature span{display:block;border-top:1px solid #44514f}.signature small{display:block;margin-top:5px;color:#64706e}.paper footer{position:absolute;bottom:35px;left:70px;right:70px;border-top:1px solid #e1e4e2;padding-top:11px;color:#8a9391;font-size:11px}.property-form{display:flex;flex-direction:column;gap:18px}.property-form label{display:flex;flex-direction:column;gap:7px;color:#4d5a57;font-size:13px;font-weight:700}.property-form input:not([type=checkbox]),.property-form textarea,.property-form select{border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:#fff;resize:vertical}.check-row{flex-direction:row!important;align-items:center}.check-row input{width:18px;height:18px}.property-actions{display:grid;gap:8px;margin-top:8px}.delete{background:var(--danger);color:#fff}.empty{color:#788480;font-size:14px}
@media(max-width:1080px){.workspace{grid-template-columns:210px minmax(600px,1fr)}.properties{position:fixed;right:0;top:68px;bottom:0;width:280px;z-index:10;box-shadow:-8px 0 24px #1a292620}.topbar{grid-template-columns:1fr 240px auto}.quiet{display:none}}@media(max-width:760px){.topbar{grid-template-columns:1fr auto;height:auto;padding:12px}.doc-title{grid-row:2;grid-column:1/-1}.outline,.quiet{display:none}.workspace{display:block}.palette,.properties{position:static;width:auto;border:0}.canvas-wrap{padding:20px;overflow-x:auto}.paper{margin:0}.properties{box-shadow:none}#palette{grid-template-columns:1fr 1fr}}@media print{body{background:#fff}.topbar,.palette,.properties,.canvas-info,.move-controls{display:none!important}.workspace{display:block}.canvas-wrap{padding:0;background:#fff}.paper{box-shadow:none;width:210mm;min-height:297mm;padding:18mm}.form-item,.form-item.selected{border-color:transparent;background:transparent;box-shadow:none}.paper footer{left:18mm;right:18mm}}