:root{--ink:#202c28;--muted:#57665d;--sage:#245347;--line:#d7dfd5;--soft:#f5f7f2;--surface:#fff;--border:#a8b9ad;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f3f5ef;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,#canvas:focus-visible{outline:3px solid #b77532;outline-offset:2px}button{color:inherit}button svg,i svg{display:block}i{display:inline-flex;vertical-align:middle;flex:none}.top{height:70px;padding:0 26px;display:flex;align-items:center;gap:18px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,"Times New Roman",serif;font-size:24px;letter-spacing:-.9px;font-weight:600;white-space:nowrap}.workspace-brand{border-left:1px solid var(--line);padding-left:17px;color:var(--muted);font-size:12px}.top-actions,.actions,.history{display:flex;align-items:center;gap:8px}.top-actions{margin-left:auto}.button,.quiet,.primary,.secondary,.iconbtn{border:1px solid var(--line);background:white;padding:9px 14px;border-radius:8px;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;font-weight:600;font-size:13px}.quiet{border-color:transparent;background:transparent}.primary{background:var(--sage);border-color:var(--sage);color:white}.primary:hover{background:#193e34}.button:hover,.quiet:hover,.iconbtn:hover,.secondary:hover,.tile:hover,.project:hover{background:#edf3eb}.iconbtn{width:36px;height:36px;min-height:0;padding:7px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100dvh - 70px)}.sidebar{border-right:1px solid var(--line);background:#fdfefa;display:flex;flex-direction:column;min-height:0}.sidehead{padding:25px 18px 15px}.eyebrow,.sectioncap,.tilegroup h3,.scale,#saveLabel{letter-spacing:1.3px;font-size:10px;text-transform:uppercase;font-weight:700}.eyebrow,.sectioncap,.tilegroup h3{color:#567064}.sidehead h2,.dialoghead h2{font:normal 24px/1.17 Georgia,serif;letter-spacing:-.6px;margin:7px 0 0}.tabs{display:flex;background:#e9eee6;border-radius:8px;margin:0 16px 12px;padding:3px;gap:3px}.tabs button{flex:1;min-height:30px;border:0;background:transparent;border-radius:5px;color:#5b695e;font-size:12px;font-weight:600}.tabs .active{background:white;color:#234f40;box-shadow:0 1px 3px #172c191a}.toolbody{padding:0 17px 10px}.tilegroup{padding-top:10px}.tilegroup h3{margin:0 0 7px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tile{min-height:53px;padding:7px 3px 6px;display:flex;flex-flow:column;align-items:center;justify-content:center;gap:4px;background:white;border:1px solid var(--line);border-radius:7px;color:#32483c;font-size:11px}.tile i svg{width:23px;height:17px}.sidetip{margin-top:auto;padding:15px 16px;color:var(--muted);font-size:11.5px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--line)}.work{padding:24px clamp(16px,2.6vw,44px) 17px;min-width:0;display:flex;flex-flow:column;gap:15px}.workhead,.dialoghead,.board-meta,.board-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.title-button{background:none;border:0;display:flex;align-items:center;gap:12px;padding:3px 0 0;text-align:left}.title-button i{color:#738678}.title-button h1{font:normal clamp(23px,2.35vw,36px)/1.1 Georgia,serif;letter-spacing:-.8px;margin:2px 0;overflow-wrap:anywhere}.board{background-color:#e9eee6;background-image:radial-gradient(#becbbb 0.65px,transparent .85px);background-size:14px 14px;min-height:440px;flex:1;display:flex;flex-flow:column;border:1px solid #c9d3c6;border-radius:13px;overflow:hidden}.board-meta{padding:12px 15px 3px}.chip,.scale,#saveLabel{font-size:10px}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:650;border:1px solid #c4d1c0;background:#f6f9f2;color:#355a40;border-radius:20px;padding:5px 9px}.dot{width:6px;height:6px;border-radius:4px;background:#5b8166}.scale{color:#56665b;letter-spacing:.9px}.drawing{display:flex;align-items:center;justify-content:center;padding:4px 12px;flex:1;min-height:0}.drawing svg{width:100%;height:100%;min-height:315px;max-height:calc(100dvh - 270px);display:block;touch-action:none;user-select:none}.diagram-object{cursor:grab}.diagram-object:active{cursor:grabbing}.board-footer{padding:8px 15px;color:#4d6051;border-top:1px solid #cfdbcb;background:#f3f6f0;font-size:11.5px;min-height:33px}#saveLabel{color:#5b6f61;letter-spacing:.3px;text-transform:none;font-weight:500}.field{display:flex;flex-flow:column;gap:5px;font-size:12px;font-weight:650;color:#405548;margin:13px 0}.field input,.field select{padding:9px 10px;border:1px solid var(--border);border-radius:6px;width:100%;min-width:0;color:var(--ink);background:#fff}.fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fields .field{margin:4px 0}.field small,.hint,.small{font-weight:400;color:var(--muted);line-height:1.45}.hint{font-size:12px}.inspector-head{font-size:15px;margin:15px 0 4px}.toolbuttons{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.toolbuttons button{font-size:11.5px;padding:7px 8px;min-height:32px}.remove{color:#96482e}.empty-note{margin:32px 1px;color:#59685d;line-height:1.5;font-size:13px}.top-actions button,.tabs button,.tile,.iconbtn{transition:background .15s}.board-footer span{min-width:0}.board-footer #summary{font-variant-numeric:tabular-nums}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:4;background:#203f33;color:white;border-radius:8px;padding:11px 17px;box-shadow:0 5px 18px #15251925}.dialoghead{padding-bottom:13px;border-bottom:1px solid var(--line)}dialog{border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:0 16px 80px #15251a36;max-height:90dvh;max-width:94vw;width:450px;color:var(--ink);overflow:auto}dialog::backdrop{background:#17291f6e}dialog.wide{width:min(880px,94vw)}.client-sheet{margin:12px 0;background:#edf1eb;padding:10px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center}.client-sheet svg{display:block;width:100%;height:auto;max-height:56vh}.actions{justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.project{width:100%;text-align:left;border:1px solid var(--line);padding:12px;border-radius:7px;background:white;margin:3px 0;font-weight:600;display:flex;justify-content:space-between;gap:5px}.project span{font-size:11px;color:var(--sage);align-self:center}.sectioncap{margin:18px 0 8px}.dialog-inset{color:var(--muted);font-size:12px;line-height:1.5}.export-choice{display:flex;gap:12px;text-align:left;width:100%;background:white;border:1px solid var(--line);border-radius:7px;margin:10px 0;padding:12px;align-items:center}.export-choice:hover{background:var(--soft)}.export-choice i{color:var(--sage)}.export-choice b,.export-choice small{display:block}.export-choice small{margin-top:3px;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1200px){.layout{grid-template-columns:264px minmax(0,1fr)}.tile{min-height:59px}.top{padding:0 32px}}
@media(max-width:800px){.workspace-brand{display:none}.layout{grid-template-columns:194px minmax(0,1fr)}.work{padding:18px 10px 10px}.tile{min-height:48px}.top{padding:0 12px}.sidehead{padding:18px 12px 12px}.toolbody{padding:0 10px 10px}.tabs{margin-left:9px;margin-right:9px}.board-meta,.board-footer{padding-left:8px;padding-right:8px}.drawing{padding:0 3px}.quiet{padding:8px}.workhead{min-height:48px}}
@media(max-width:620px){.top{height:57px;gap:5px}.brand{font-size:20px;gap:7px}.brand svg{width:27px;height:27px}.top-actions{gap:4px}.top-actions button{min-height:33px;padding:7px 8px;font-size:11px;gap:4px}#projectsBtn span{display:none}.layout{display:flex;flex-direction:column}.work{order:0;padding:13px 10px 0;gap:8px}.sidebar{order:1;border:0;margin-top:12px;padding-bottom:16px}.sidehead{display:none}.tabs{margin:10px 10px 4px;max-width:300px}.tilegroup{padding-top:8px}.tiles{grid-template-columns:repeat(4,1fr)}.tile{min-height:43px;padding:4px 2px;gap:1px}.sidetip{display:none}.board{min-height:0}.drawing svg{min-height:0;height:min(53vh,81vw);max-height:none}.board-meta{padding-top:6px}.board-footer{min-height:25px;font-size:10px}.workhead h1{font-size:24px}.board{border-radius:8px}.workhead .eyebrow{font-size:8px}.fields{max-width:380px}.field{margin:7px 0}.history{gap:4px}.iconbtn{width:31px;height:31px}#editTab{max-width:140px}}