:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#354439;background:#f8f9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:transparent}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #91a96b;outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.icon{display:block;width:20px;height:20px;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center}.editor{position:fixed;inset:0;overflow:hidden}#canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.panel{background:#ffffffed;box-shadow:0 3px 14px #2e45200a;border:1px solid #e4e8dd;border-radius:12px;backdrop-filter:blur(10px)}.board-header{position:absolute;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;pointer-events:none}.board-header>*{pointer-events:auto}.board-identity{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 10px}.logo{display:flex;align-items:center;justify-content:center;background:#e9efda;border-radius:8px;width:39px;height:39px}.logo svg{width:28px;height:29px;fill:none;stroke:#627744;stroke-width:4;stroke-linecap:round}.board-identity>div{display:flex;flex-direction:column;gap:3px}#board-name{font-weight:550;font-size:12px;border:0;background:transparent;padding:1px;width:172px;text-overflow:ellipsis}#save-status{font-size:9px;color:#94a180;padding-left:1px;max-width:225px}#save-status.error{color:#b65f46}.header-actions{display:flex;align-items:center;gap:9px;margin-top:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:12px 17px;font-size:11px;border-radius:9px;border:1px solid transparent;font-weight:550;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button .icon{width:17px;height:17px}.green{background:#e1ebc5;border-color:#d5e3b1;color:#536b37}.green:hover{background:#d8e8b0}.secondary{border-color:#e0e5d8;background:#f8f9f5}.icon-button{width:41px;height:41px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#7d8973;flex-shrink:0}.icon-button:hover:not(:disabled){background:#eef2e6;color:#405530}.toolbar{position:absolute;top:23px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:6px;align-items:center;z-index:2}.tool{width:41px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:3px;border-radius:8px;color:#829075;transition:background .15s,color .15s}.tool .icon{width:19px;height:19px}.tool kbd{font-size:7px;font-family:inherit;line-height:1;color:#a3ae98}.tool.active{background:#e9efda;color:#536b37}.tool.active kbd{color:#7a8f60}.tool:hover{background:#f0f3e9}.toolbar>i,.zoom-controls>i{border-left:1px solid #e7eadf;height:22px;margin:0 4px}.style-panel{position:absolute;left:20px;top:96px;padding:16px;width:166px}.panel-label{font-size:9px;letter-spacing:.5px;color:#929c85;display:block;margin-bottom:10px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 21px}.color-button{width:26px;height:26px;border-radius:50%;justify-self:center;border:4px solid white;outline:1px solid transparent}.color-button[aria-pressed=true]{outline-color:var(--swatch)}.sizes{display:flex;gap:5px;margin-bottom:17px}.sizes button{width:41px;height:31px;border:1px solid transparent;border-radius:6px;display:flex;align-items:center;justify-content:center}.sizes button span{width:19px;background:#7f8d70;border-radius:5px}.sizes button[aria-pressed=true]{background:#edf2e1;border-color:#dfe7d2}.fill-option{font-size:10px;display:flex;gap:6px;align-items:center;color:#83916f;cursor:pointer}.fill-option input{accent-color:#80995c;margin:0}.selection-actions{border-top:1px solid #edf0e5;margin-top:15px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;color:#9ba58e;font-size:9px}.selection-actions .icon-button{width:28px;height:28px}.selection-actions .icon{width:16px;height:16px}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);text-align:center;pointer-events:none;user-select:none;width:360px}.empty-spark{color:#adb98f;margin-bottom:20px;transform:rotate(13deg)}.empty-spark .icon{width:42px;height:42px;stroke-width:1.1}.empty-state h1{font-size:37px;line-height:1.1;font-weight:430;letter-spacing:-1.5px;color:#a7b098;margin:0 0 18px}.empty-state em{font-family:Georgia,serif;font-weight:400;color:#879b6c}.empty-state p{font-size:12px;line-height:1.85;color:#a5ae98;margin:0}.empty-state>span{display:block;font-size:9px;color:#b7bfac;margin-top:24px}.bottom-left{position:absolute;bottom:20px;left:20px;display:flex;gap:10px}.zoom-controls,.history-controls{display:flex;align-items:center;padding:3px}.zoom-controls .icon-button,.history-controls .icon-button{width:33px;height:34px}.zoom-controls .icon,.history-controls .icon{width:17px;height:17px}#zoom-reset{font-size:10px;min-width:50px;padding:9px 3px}.bottom-right{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:15px}.local-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#a0ab91}.local-label .icon{width:12px;height:12px}.menu-wrap{position:relative}.menu{position:absolute;top:52px;right:0;width:265px;padding:7px;z-index:6}.menu button{width:100%;display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:6px;font-size:11px;text-align:left}.menu button:hover{background:#f0f4e7}.menu button small{margin-left:auto;color:#a4ac98;font-size:9px}.menu .icon{width:17px;height:17px;color:#8c9b79}.menu hr{border:0;border-top:1px solid #e6eadf;margin:6px}.menu p{font-size:9px;line-height:1.8;color:#98a18c;margin:10px}.toast{position:fixed;bottom:78px;left:50%;transform:translateX(-50%);max-width:min(90vw,540px);padding:13px 20px;background:#354439;color:white;border:1px solid #718060;border-radius:10px;font-size:12px;line-height:1.6;box-shadow:0 5px 25px #35443920;z-index:20}.toast.warning{background:#754e3b;border-color:#a5795e}#text-editor{position:absolute;border:1px dashed #879d6b;outline:none;background:#ffffffce;padding:0;min-width:100px;min-height:40px;resize:none;line-height:1.3;z-index:3;transform-origin:top left;border-radius:3px;overflow:auto;white-space:pre;tab-size:4}dialog{width:min(480px,calc(100vw - 32px));border:1px solid #e1e6d9;border-radius:20px;padding:35px;box-shadow:0 20px 100px #1f302a26;color:#354439;max-height:90dvh;overflow:auto}dialog::backdrop{background:#24362c35;backdrop-filter:blur(4px)}dialog h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.7px;margin:22px 0 14px}dialog p{font-size:12px;line-height:1.8}dialog .muted{color:#94a082;font-size:11px}.dialog-close{position:absolute;right:12px;top:12px}.dialog-symbol{background:#edf3df;color:#819663;border-radius:12px;padding:13px}.dialog-symbol .icon{width:24px;height:24px}.fine-print{font-size:9px!important;color:#a1a992;margin:20px 0 0}#share-url{resize:none;border:1px solid #dde5d1;background:#f8faf3;border-radius:8px;padding:11px;font-size:10px;line-height:1.6;width:100%;color:#7e8f6b;margin:5px 0 12px;overflow-wrap:anywhere}#share-result .button,#share-download{width:100%;margin-bottom:9px}dialog .error{color:#ae6c45;background:#fbf2e9;padding:12px;border-radius:8px;font-size:11px}.shortcuts{display:grid;grid-template-columns:1fr auto;gap:14px 16px;font-size:10px;margin:26px 0}.shortcuts>span{align-self:center}.shortcuts kbd{font-family:inherit;font-size:9px;background:#f0f4e8;padding:4px 7px;border:1px solid #e5ebd9;border-radius:5px;text-align:center;color:#82946e}.storage-note{display:flex;gap:12px;background:#f3f6ec;border-radius:10px;padding:12px;margin-top:23px;color:#8a9975}.storage-note .icon{width:18px}.storage-note p{font-size:10px;margin:0}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:24px}.confirm-actions .button{font-size:10px;padding:10px 12px}.noscript{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:20px;border:1px solid #ccc;z-index:30}
html,body{width:100%;height:100%}
.eraser-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#7f8f70;background:#f8f9f5e8;border:1px solid #e4e9dc;border-radius:8px;padding:8px 12px;font-size:10px;white-space:nowrap;pointer-events:none}.eraser-hint .icon{width:15px;height:15px}
@media(max-width:1050px){.eraser-hint{bottom:77px}}
@media(max-width:760px){.eraser-hint{bottom:137px;font-size:9px;padding:8px 10px;max-width:calc(100% - 24px)}}
@media(max-width:1230px){.toolbar{top:96px}.style-panel{top:96px}.toolbar .tool{width:38px}.local-label{display:none}}
@media(max-width:760px){.board-header{top:12px;left:12px;right:12px;gap:8px}.board-identity{gap:8px;padding:7px 9px 7px 7px}.logo{width:31px;height:33px}.logo svg{width:24px}#board-name{width:126px;font-size:11px}#save-status{font-size:8px;max-width:160px}.header-actions{gap:6px;margin-top:4px}.header-actions .green{width:38px;height:38px;padding:0;min-height:38px}.share-label{display:none}.header-actions>.menu-wrap>.icon-button{width:38px;height:38px}.toolbar{top:auto;bottom:14px;max-width:calc(100% - 20px);padding:5px;gap:2px}.tool{width:39px!important;height:42px}.toolbar>i{margin:0 3px}.style-panel{left:12px;top:80px;padding:10px;width:44px;border-radius:10px}.panel-label{display:none}.colors{grid-template-columns:1fr;gap:9px;margin:0 0 13px}.color-button{width:23px;height:23px;border-width:4px}.sizes{flex-direction:column;gap:5px;border-top:1px solid #edf0e7;padding-top:9px;margin-bottom:10px}.sizes button{width:23px;height:25px}.sizes button span{width:14px}.fill-option{font-size:0;justify-content:center}.fill-option input{width:14px;height:14px}.selection-actions{margin-top:11px;padding-top:7px;justify-content:center}.selection-actions>span{display:none}.selection-actions .icon-button{width:23px;height:25px}.bottom-left{bottom:84px;left:12px;gap:7px;flex-wrap:wrap}.zoom-controls .icon-button,.history-controls .icon-button{width:28px;height:31px}.zoom-controls .icon,.history-controls .icon{width:15px;height:15px}#zoom-reset{font-size:9px;min-width:40px}.zoom-controls>i{margin:0 2px}.bottom-right{right:12px;bottom:86px}.bottom-right>.icon-button{width:36px;height:36px}.empty-state{width:240px;left:55%;top:47%}.empty-state h1{font-size:30px}.empty-state p{font-size:10px}.empty-state>span{font-size:8px}.empty-spark .icon{width:32px;height:32px}.toast{bottom:142px;font-size:10px;padding:10px 13px;max-width:88vw;width:max-content}dialog{padding:28px 22px}dialog h2{font-size:23px}.shortcuts{font-size:9px;gap:12px 8px}.shortcuts kbd{font-size:8px}.menu{width:260px}.empty-state>span{display:none}}
@media(max-width:370px){#board-name{width:105px}.tool{width:34px!important}.toolbar{gap:1px}.bottom-left{gap:4px}.zoom-controls .icon-button,.history-controls .icon-button{width:25px}.empty-state{width:220px}.empty-state h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#text-editor.block-text{min-width:0;min-height:0;border:0;background:transparent;border-radius:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;text-align:center;overflow:hidden;box-shadow:none}
.brand svg,.logo svg{stroke-linejoin:round}
#selection-hint{white-space:normal;text-align:center;justify-content:center;max-width:calc(100% - 32px)}