:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263d37;background:#f6f5f1;font-synthesis:none;font-size:14px;--green: #23745e;--deep: #205e4d;--muted: #83918a;--line: #e4e8e1}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #68ac96;outline-offset:3px}input:focus,select:focus{outline:2px solid #9fc8b8;outline-offset:1px}button{border:0;background:none}svg{flex-shrink:0}h1,h2,p{margin-top:0}.brand{display:flex;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.5px;gap:9px;white-space:nowrap}.brand-dot{color:#a9b894;margin-left:-9px}.brand-icon{height:35px;width:35px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:11px;margin-right:1px}.home-header{height:91px;padding:0 5.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px;background:#fafaf7}.workspace-label{color:#87918b;font-size:12px;border-left:1px solid #dce2d9;padding-left:25px}.header-right{margin-left:auto;display:flex;align-items:center;gap:20px}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#748079;padding:7px 0}.text-button:hover{color:var(--green)}.avatar{border:1px solid #d8e1d2;background:#e6ecdf;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.home-main{max-width:1320px;margin:0 auto;padding:57px 6% 30px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.9px;display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#7a8a7e}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#86a28b}.home-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}.home-heading h1{font-size:38px;font-weight:550;letter-spacing:-1.2px;margin-bottom:10px}.home-heading p{color:#879188;margin:0;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 17px;border-radius:8px;font-weight:550;white-space:nowrap;line-height:1.2}.primary{background:var(--green);color:#fff;box-shadow:0 2px 3px #15382b10}.primary:hover{background:var(--deep)}.secondary{background:#f1f3ee;color:#42574b;border:1px solid var(--line)}.danger-button{background:#a84940;color:#fff}.library-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe4da;margin-bottom:25px;height:56px}.library-tab{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:550;height:100%;border-bottom:2px solid var(--green)}.library-tab>span{font-size:10px;padding:2px 7px;border-radius:4px;background:#e9eee4;color:#697d66}.search{display:flex;align-items:center;gap:9px;color:#98a397}.search input{background:none;border:0;width:210px;font-size:12px;padding:7px}.board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.board-card{background:#fdfdfb;border-radius:12px;border:1px solid #e0e6dc;overflow:visible;transition:box-shadow .15s,transform .15s}.board-card:hover{box-shadow:0 7px 24px #254a3910;transform:translateY(-2px)}.card-preview{display:block;position:relative;background:#eef1e9;height:166px;border-bottom:1px solid #e6eadf;border-radius:12px 12px 0 0;overflow:hidden}.board-sketch{width:100%;height:100%;color:#758f7d;display:block}.board-sketch text{fill:currentColor;font:italic 17px Georgia,serif}.sketch-1{color:#8b8caa;background:#f0eff4}.sketch-2{color:#a9977b;background:#f3f0e9}.cover-caption{position:absolute;bottom:10px;right:11px;border:1px solid #ffffffb0;background:#fffb;padding:4px 7px;border-radius:4px;color:#7f8c7f;font-size:10px}.open-card{position:absolute;right:13px;top:12px;color:#376d52;opacity:0;background:#fff9;padding:6px;border-radius:50%;line-height:0}.card-preview:hover .open-card{opacity:1}.card-info{padding:20px 17px 17px;display:flex;justify-content:space-between;gap:10px}.card-title{font-weight:600;font-size:15px;display:block;overflow-wrap:anywhere;line-height:1.4}.card-info p{color:#99a197;font-size:11px;margin:8px 0 0}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:30px;height:30px;color:#7c8980}.icon-button:hover{background:#eaf0e7;color:#315e4c}.card-menu-wrap{position:relative}.dropdown{position:absolute;right:0;top:32px;z-index:5;padding:5px;background:#fff;box-shadow:0 5px 25px #163e3120;border:1px solid var(--line);border-radius:9px;min-width:180px}.dropdown button{display:flex;align-items:center;gap:9px;white-space:nowrap;width:100%;text-align:left;padding:10px;font-size:12px;border-radius:5px}.dropdown button:hover{background:#f5f6f2}.danger{color:#ad5b51!important}.new-card{min-height:260px;border:1px dashed #cbd7c6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;font-weight:500;color:#6c826e;background:#f5f7f0}.new-card>span{border:1px solid #d9e1d1;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.new-card small{font-size:11px;color:#9ba694;font-weight:400}.new-card:hover{background:#eef3e8}.home-note{margin-top:40px;background:#edf0e6;border:1px solid #e5e9dd;padding:22px 25px;border-radius:9px;display:flex;align-items:center;gap:17px;color:#7b8f6b}.home-note strong{font-size:12px;font-weight:550;color:#58744b}.home-note p{font-size:11px;color:#90a082;margin:6px 0 0;line-height:1.6}.note-mark{margin-left:auto;font:italic 26px Georgia,serif;letter-spacing:2px;color:#b7c3a8;white-space:nowrap;padding-left:20px}.home-footer{max-width:1320px;margin:0 auto;padding:26px 6%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#a0a89c}.home-footer>div{display:flex;gap:20px}.home-footer .text-button{font-size:11px}.empty-state{text-align:center;padding:30px 20px 35px;border:1px solid #e1e7da;border-radius:12px;background:#fafbf6}.empty-state h2{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:20px 0 10px}.empty-state p{color:#8a9887;font-size:13px;line-height:1.6;margin-bottom:20px}.empty-drawing{height:150px;width:260px;margin:auto;overflow:hidden;border-radius:10px;opacity:.9}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:#8b9688}.dialog{border:1px solid #dce5d8;border-radius:15px;width:min(530px,calc(100vw - 30px));padding:28px;color:#2b4335;box-shadow:0 20px 100px #1b3f2a22}.dialog::backdrop{background:#182d2940;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.dialog-title h2{font-size:22px;font-weight:550;letter-spacing:-.5px;margin:0}.dialog p{font-size:13px;line-height:1.65;color:#7e8c80}.dialog input:not([type=file]){width:100%;border:1px solid #d9e1d4;background:#fafbf8;border-radius:7px;padding:12px;color:#345239}.field-label{display:block;margin-bottom:8px;font-size:12px;color:#80917e}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.form-error{color:#b26452!important;min-height:5px;margin-top:10px}.muted{color:#929d8f!important;font-size:12px!important}.help-list p{margin-bottom:18px}.help-list strong{color:#4b6e4e;font-weight:600}.startup{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.error-banner,.workspace-error{background:#fff4e8;color:#896443;padding:12px 18px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.error-banner{margin-bottom:20px;border-radius:8px}.workspace{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#f8f9f5}.workspace-header{height:68px;flex-shrink:0;display:flex;align-items:center;gap:17px;padding:0 22px 0 14px;border-bottom:1px solid #e3e8de;background:#fbfcf8}.workspace-header .brand{font-size:24px;gap:6px}.workspace-header .brand-icon{width:29px;height:29px;border-radius:8px}.workspace-header .brand-icon svg{width:19px}.workspace-header .brand-dot{margin-left:-6px}.header-separator{height:22px;width:1px;background:#e1e5dc;margin:0 3px}.board-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:350px}.board-name svg{color:#a2ac9d}.save-state{font-size:10px;display:flex;align-items:center;gap:6px;white-space:nowrap;color:#91a28a}.save-state>span{width:5px;height:5px;border-radius:50%;background:#8ba782}.save-state.offline,.save-state.denied{color:#ae7845}.save-state.offline>span,.save-state.denied>span{background:#ce9b57}.presence{display:flex;align-items:center;gap:7px;color:#7c9474;font-size:11px;padding:7px 10px;border-radius:6px;background:#eef2e9}.share-button{font-size:12px;padding:10px 14px}.workspace-body{flex:1;min-height:0;display:flex}.pages-sidebar{width:215px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid #e1e7dc;background:#f8faf4;padding:21px 13px 15px}.pages-title{display:flex;justify-content:space-between;align-items:center;padding:0 4px 12px 8px;font-size:10px;letter-spacing:1.4px;font-weight:600;color:#8b9b83}.pages-title small{letter-spacing:0;font-size:10px;font-weight:500;background:#e9eee2;padding:2px 5px;margin-left:6px;border-radius:3px}.page-search{display:flex;align-items:center;color:#a3ae9a;gap:5px;margin:0 4px 14px;padding:6px 7px;border:1px solid #e1e8da;border-radius:6px;background:#ffffff75}.page-search input{background:none;border:0;padding:3px;width:100%;font-size:11px;color:#6e8364;min-width:0}.pages-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;min-height:40px}.page-item{display:flex;align-items:center;gap:9px;text-align:left;padding:11px 10px;border-radius:6px;font-size:12px;color:#7e9074}.page-item>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-number{font-size:10px;color:#9eae92;border:1px solid #dfe6d7;border-radius:3px;width:22px;height:26px;display:grid;place-items:center;background:#fdfefb;flex-shrink:0}.page-item.active{background:#e4eddd;color:#426d37;font-weight:550}.page-item.active .page-number{color:#668751;border-color:#bdcdb0;background:#f4f8ed}.current-dot{height:5px;width:5px;border-radius:50%;background:#7c9c62;margin-left:auto;flex-shrink:0}.page-item:hover{background:#eef3e7}.add-page{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;margin-top:13px;border:1px dashed #d2ddc8;border-radius:6px;font-size:11px;color:#90a17f}.sidebar-bottom{margin-top:auto;padding:40px 10px 4px}.mini-brand{font-size:12px;color:#839a74;font-weight:550}.sidebar-bottom p{font-size:10px;color:#a6b29c;margin:7px 0 20px}.sidebar-bottom .text-button{font-size:10px;color:#8c9d81}.editor-area{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.page-heading{height:45px;flex-shrink:0;padding:0 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ebeee7;background:#fdfefa}.breadcrumb{display:flex;align-items:center;gap:10px;color:#a4ae9d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.breadcrumb>span{color:#c9d0c3}.current-page-name{display:flex;gap:9px;align-items:center;color:#6c8560;font-size:11px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-page-name svg{color:#b3bfaa}.page-heading-spacer{flex:1}.canvas-layout{flex:1;min-height:0;display:flex;flex-direction:column}.drawing-controls{display:flex;align-items:center;gap:10px;min-height:52px;flex-shrink:0;padding:8px 14px;border-bottom:1px solid #ecefe8;overflow-x:auto;scrollbar-width:thin;background:#fff}.tool-group{display:flex;gap:3px}.drawing-controls button{height:33px;min-width:33px;border-radius:6px;display:grid;place-items:center;color:#6e7b6c}.drawing-controls button:hover{background:#eef3e9}.drawing-controls button.selected{background:#e3efdf;color:#3b793d}.drawing-controls .image-library-toggle{display:flex;gap:6px;padding:0 8px;flex-shrink:0;font-size:12px}.image-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.image-library-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border:1px solid #dce5d8;border-radius:10px;background:#fafbf8}.image-library-card:hover:not(:disabled){border-color:var(--green);background:#f0f6ed}.image-library-card img{display:block;width:220px;max-width:100%;height:auto}.image-library-card strong{font-size:14px}.image-library-card span{color:var(--green);font-size:12px}.tool-divider{height:23px;width:1px;flex-shrink:0;background:#e8ece4}.color-control{display:flex;align-items:center}.color-control input{border:0;background:none;width:30px;height:30px;padding:2px;cursor:pointer}.select-control{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.select-control>span{font-size:8px;color:#9aa793;letter-spacing:.2px;padding-left:3px}.select-control select{border:0;background:none;font-size:11px;color:#6a7d60;padding:0;cursor:pointer}.key-hints{margin-left:auto;display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:9px;color:#93a08b}.key-hints>span{font-size:9px;color:#bac2b2;margin-left:3px}kbd{font-family:inherit;display:inline-block;font-size:10px;border:1px solid #dfe6d7;background:#f7f9f3;border-radius:3px;padding:2px 4px;white-space:nowrap;box-shadow:0 1px #d9e1d0;color:#7c9270}.canvas{flex:1;min-height:0;position:relative;isolation:isolate}.canvas .excalidraw{--color-primary: #27745e;--color-primary-darker: #1d5c4b;--color-primary-light: #e2efe9;--color-primary-light-darker: #c9dfd5}.shape-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.canvas-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;color:#94a18c;font-size:13px}.share-explainer{display:flex;gap:15px;margin:0 0 24px}.share-explainer>span{width:48px;height:48px;border-radius:11px;background:#eef4e7;display:grid;place-items:center;flex-shrink:0;color:#729b5c}.share-explainer strong{font-size:14px;font-weight:550}.share-explainer p{font-size:12px;margin:6px 0 0}.copy-field{display:flex;gap:7px;margin-bottom:15px}.copy-field input{font-size:12px;min-width:0}.copy-field .button{font-size:12px;padding:10px 12px}.shortcuts{display:grid;grid-template-columns:1fr 1.4fr;gap:13px;font-size:12px;line-height:1.5}.shortcuts dt{color:#6e855f}.shortcuts dd{margin:0;color:#7e8f73}.sidebar-collapsed .pages-sidebar{display:none}@media(min-width:1600px){.home-main{padding-top:75px}.board-grid{gap:26px}.card-preview{height:190px}}@media(max-width:1100px){.key-hints{display:none}.workspace-header,.workspace-header .header-right{gap:10px}.save-state{max-width:130px;overflow:hidden;text-overflow:ellipsis}.pages-sidebar{width:185px}.home-main{padding-left:5%;padding-right:5%}.home-footer{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.home-header{height:72px;padding:0 22px}.workspace-label,.home-header .text-button{display:none}.home-main{padding:35px 22px 20px}.home-heading h1{font-size:30px}.home-heading{align-items:flex-start;margin-bottom:20px}.home-heading p{font-size:11px}.home-heading .button{font-size:11px;padding:12px}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-info{padding:14px 12px}.card-title{font-size:13px}.card-preview{height:140px}.new-card{min-height:230px}.eyebrow{font-size:8px}.home-note{padding:18px}.note-mark{display:none}.search input{width:145px}.home-footer{padding:20px 22px}.home-footer>div{flex-wrap:wrap;gap:10px}.pages-sidebar{width:155px;padding:15px 8px}.workspace-header .brand,.header-separator,.breadcrumb,.save-state{display:none}.workspace-header{padding:0 10px;height:56px;gap:8px}.board-name{max-width:180px;font-size:12px}.share-button{font-size:11px;padding:9px 10px}.workspace-header .header-right{gap:8px}.presence{padding:6px}.drawing-controls{gap:6px;padding:6px 7px}.drawing-controls .tool-group{gap:1px}.drawing-controls button{min-width:30px}.tool-divider{margin:0 2px}.page-item{font-size:11px;padding:9px 7px}.page-number{width:19px}.sidebar-bottom{display:none}.canvas .excalidraw .App-top-bar{padding-top:0}.workspace-body.sidebar-collapsed .pages-sidebar{display:none}.shortcuts{font-size:11px}.dialog{padding:22px}.page-heading{padding:0 8px}}@media(max-width:480px){.board-grid{grid-template-columns:1fr}.pages-sidebar{width:130px}.home-heading{flex-wrap:wrap}.home-main{padding:26px 18px}.home-note{gap:10px}.home-note p{font-size:10px}.board-name{max-width:140px}.select-control>span{display:none}.pages-title{font-size:8px;padding-left:3px}.page-item{gap:5px}.page-search{margin-left:0;margin-right:0}.copy-field{flex-direction:column}}