:root{font-family:Arial,Helvetica,sans-serif;color:#143447;background:#f2f6f8;font-size:16px;--navy:#102d40;--teal:#006d77;--line:#dce5e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{min-height:42px;border:1px solid #cbd9df;background:#fff;color:#16394b;padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:600}button:hover{background:#e9f1f4}button:disabled{opacity:.45;cursor:default}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#005963}.danger{color:#a63034}.ghost{background:transparent;color:#fff;border-color:#63808e}.light{background:#e4f3cb;color:#284923;border:0}a{color:var(--teal)}[hidden]{display:none!important}.topbar{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;gap:20px}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.07em;font-weight:700}.brand small{display:block;font-size:13px;letter-spacing:0;font-weight:400;color:#bacdd7;margin-top:6px}.brandmark{font-size:36px;color:#d5ebbe;line-height:1}.topbar nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.topbar nav a{color:#e0edf3;font-size:14px}#saveStatus{font-size:13px;color:#cfdfeb}main{max-width:1800px;margin:auto;padding:30px 32px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--teal);margin:0 0 10px}h1{font-size:32px;line-height:1.14;letter-spacing:-.035em;margin:0 0 10px}p{line-height:1.5}.intro p:not(.eyebrow){margin:0;color:#5a707d}.introActions{display:flex;gap:10px}.metrics{display:grid;grid-template-columns:1.1fr 1fr 1.1fr 1.1fr;gap:14px;margin-bottom:26px}.metric{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:9px}.metric>span{color:#526b79;font-size:14px}.metric strong{font-size:28px;letter-spacing:-.035em}.metric small{font-size:13px;color:#607681;line-height:1.5}.featured{background:#e1eeeb;border-color:#c6dfd8}.featured strong{color:#006454}.progress{height:5px;border-radius:10px;background:#c5dcd6;overflow:hidden}.progress i{display:block;height:100%;background:#007666;width:0}.workspace{display:flex;gap:20px;align-items:flex-start}aside{width:310px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;max-height:1040px;overflow:auto}.sidehead,.editorhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidehead h2{font-size:16px}.sidehead button{font-size:14px;padding:7px 10px}.sidehead span{color:#708793}.donorList{max-height:235px;overflow:auto;margin:14px -4px 0}.donorItem{display:flex;align-items:center;gap:10px;border:1px solid transparent;width:100%;text-align:left;margin-bottom:5px;min-height:60px;background:#f5f8fa}.donorItem.selected{background:#e6f2f1;border-color:#64a7a4}.swatch{width:12px;height:32px;border-radius:4px;flex-shrink:0}.donorItem span:nth-child(2){overflow:hidden}.donorItem strong{display:block;font-size:14px;overflow-wrap:anywhere}.donorItem small{font-size:12px;font-weight:400;color:#57717d;display:block;margin-top:4px}.listEmpty{font-size:14px;color:#667f8c;line-height:1.6;padding:8px}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;min-height:44px;border:1px solid #c9d7de;border-radius:7px;padding:10px;background:#fff;color:#173e51}input[type=color]{padding:4px!important}input[type=checkbox]{width:19px;height:19px;flex-shrink:0}input[type=range]{width:100%;accent-color:var(--teal)}label{display:block;font-size:14px;font-weight:600;line-height:1.4;margin-bottom:13px}label input,label select,label textarea{display:block;margin-top:6px}label.check{display:flex;align-items:center;gap:8px;font-weight:400}.check input{margin:0}textarea{resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}h2{font-size:18px;margin:0}h3{font-size:16px}.editorhead{margin:17px 0 8px;border-top:1px solid var(--line);padding-top:10px}.editorhead button{border:0}.balance{background:#edf5f7;padding:10px;font-size:13px;border-radius:7px;line-height:1.6}.upload input{font-size:13px}#logoRow{display:flex;align-items:center;gap:8px;margin-bottom:14px}#logoPreview{width:60px;height:45px;object-fit:contain}#logoRow button{font-size:13px}details{border-top:1px solid var(--line);padding-top:12px}summary{font-size:14px;cursor:pointer;margin-bottom:15px;min-height:32px}.editorActions{display:flex;gap:8px;margin-top:15px}.editorActions button{font-size:14px}.boardPanel{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.boardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:20px 22px}.boardHeader p{font-size:14px;color:#627b88;margin:6px 0 0}.chip{font-size:12px;white-space:nowrap;padding:7px 9px;border-radius:20px;background:#edf3f6;color:#4f6a7a}.editTools{display:flex;gap:10px;align-items:flex-end;padding:0 20px 14px;flex-wrap:wrap}.editTools label{margin:0}.editTools label:first-child{flex:1;min-width:200px}.editTools input{max-width:100px}.editTools button{font-size:13px}.canvasWrap{position:relative;overflow:hidden;background:#e9f0f4;height:min(68vw,740px);min-height:440px}.canvasWrap:fullscreen{height:100vh;background:#e9f0f4}canvas{display:block;width:100%;height:100%;touch-action:none}.zoomTools{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#fff;border:1px solid #cdd9df;border-radius:10px;box-shadow:0 5px 20px #12304718;white-space:nowrap}.zoomTools button{border:0;padding:7px 10px;font-size:14px}.emptyState{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:22px;background:#ffffffed;border:1px solid #dce7ec;border-radius:12px;text-align:center;pointer-events:none;width:min(80%,370px)}.emptyState strong{display:block;font-size:19px;margin-bottom:10px}.emptyState span{font-size:14px;color:#637b87;line-height:1.6}.boardFooter{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 20px;font-size:12px;color:#57717e}.boardFooter span{display:flex;align-items:center;gap:6px}.boardFooter button{margin-left:auto;font-size:13px;min-height:34px}.boardFooter i{width:9px;height:9px;display:inline-block;border-radius:2px}.legendFree{background:#e5edf2;border:1px solid #b4c6d0}.legendFilled{background:#248494}footer{display:flex;justify-content:space-between;align-items:center;color:#6b828e;font-size:13px;padding:25px 0}.link{background:none;border:none;color:#567682;font-size:13px}.authScreen{padding:55px 20px}.authCard{max-width:460px;margin:auto;border:1px solid var(--line);background:#fff;border-radius:16px;padding:32px}.authCard>p{color:#56717e}.authCard h1{font-size:29px}.authCard form{margin-top:24px}.authCard form>button{width:100%;margin-bottom:12px}.authCard>a{display:block;text-align:center;font-size:14px}.error{color:#a42b32;font-size:14px}.notice{background:#eaf3f5;padding:14px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.6}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;width:min(94vw,600px);max-height:88vh;overflow:auto;color:#183c50}dialog::backdrop{background:#0c263ab0}.dialogHead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.dialogHead button{border:0}#infoLogo{max-width:100%;max-height:220px;object-fit:contain;margin:10px auto 25px}.prewrap{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.buttonrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.muted{font-size:13px;color:#627b87}hr{border:0;border-top:1px solid var(--line);margin:25px 0}#toast{position:fixed;bottom:20px;right:20px;max-width:min(90vw,480px);z-index:20;color:white;background:#163f50;padding:15px 20px;box-shadow:0 5px 24px #102d4033;border-radius:10px;font-size:14px;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #e29b27;outline-offset:3px}@media(max-width:1050px){main{padding:24px 18px}.topbar{padding:18px}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:24px}.workspace{gap:12px}aside{width:280px;padding:13px}.boardHeader{flex-direction:column}.canvasWrap{height:680px}.chip{display:none}.introActions{flex-direction:column}}@media(max-width:760px){.topbar{align-items:flex-start;gap:12px;flex-direction:column}.topbar nav{width:100%;gap:12px}.brand small{font-size:12px}.intro{align-items:flex-start}.intro h1{font-size:27px}.introActions button{font-size:13px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:23px}.workspace{flex-direction:column}aside{width:100%;max-height:none}.donorList{max-height:175px}#donorForm{max-width:none}.boardPanel{width:100%}.canvasWrap{height:560px;min-height:360px}.boardHeader{padding:17px}.boardFooter{gap:10px}.intro p:not(.eyebrow){font-size:14px}footer{align-items:flex-start;gap:10px}#saveStatus{margin-right:auto}.editTools{padding:0 14px 14px}.editTools label:first-child{min-width:180px}.editTools button{padding:8px}.authScreen{padding-top:30px}}
.swatch{width:22px;height:40px;color:white;font-size:21px;text-align:center;line-height:40px;touch-action:none;cursor:grab;user-select:none}