:root{color-scheme:light;font-family:system-ui,sans-serif;color:#49514b;background:#eeede8;font-synthesis:none;--glass: rgba(253, 252, 248, .68);--stroke: rgba(255, 255, 255, .82);--shadow: 0 8px 32px #383d3010, 0 1px 3px #383d3007, inset 0 1px 0 #ffffffa6}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{-webkit-tap-highlight-color:transparent;font:inherit}button{padding:0;color:inherit;cursor:pointer;border:0;background:transparent}button:focus-visible,input:focus-visible{outline:2px solid #9c6c50;outline-offset:4px}button:disabled{cursor:default;opacity:.25}svg{display:block;flex-shrink:0}.workspace{position:relative;width:100%;height:100%;isolation:isolate;background:radial-gradient(ellipse at 46% 38%,#f5f4ef,#eeede8 58%,#e9e8e1)}.workspace:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.17' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.draft-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:default;outline:none}.draft-canvas:focus-visible{outline:1px solid #9c6c5033;outline-offset:-4px}.draft-canvas[data-cursor=paint]{cursor:crosshair}.draft-canvas[data-cursor=color]{cursor:pointer}.workspace.is-space .draft-canvas{cursor:grab}.workspace.is-panning .draft-canvas{cursor:grabbing}.workspace.is-panning .dimension,.workspace.is-space .dimension{opacity:0;pointer-events:none}.glass{background:var(--glass);backdrop-filter:blur(24px) saturate(1.25);-webkit-backdrop-filter:blur(24px) saturate(1.25);border:1px solid var(--stroke);box-shadow:var(--shadow)}.toolbar{position:absolute;display:flex;align-items:center;gap:5px;bottom:max(28px,env(safe-area-inset-bottom));left:50%;padding:8px;border-radius:22px;transform:translate(-50%);animation:toolbar-in .65s .1s both;z-index:4;transition:opacity .18s}.tool{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;transition:background .18s,color .18s,opacity .18s,transform .18s}.tool:hover:not(:disabled){background:#51594b0b;color:#202e25}.tool:active:not(:disabled){transform:scale(.92)}.tool.is-active{background:#66735c16;color:#354634}.separator{height:19px;width:1px;background:#606b551a;margin:0 5px}.dimension{position:absolute;display:flex;align-items:center;padding:4px;border-radius:16px;opacity:.62;transform:translate(-50%,-50%);transition:opacity .22s,background .22s,box-shadow .22s;z-index:2}.dimension:hover,.dimension:focus-within,.dimension.is-near{opacity:1}.dimension.is-hidden{opacity:0;pointer-events:none}.dimension.is-vertical{flex-direction:column}.dimension .axis-icon{opacity:.45;padding:2px;pointer-events:none}.dimension button{width:27px;height:27px;display:grid;place-items:center;border-radius:10px;transition:background .18s,transform .18s,opacity .18s}.dimension button:hover:not(:disabled){background:#606b5510}.dimension button:active:not(:disabled){transform:scale(.86)}.dimension .axis-grip{color:#64705a;cursor:ew-resize;touch-action:none}.dimension.is-vertical .axis-grip{cursor:ns-resize}.axis-guide{position:absolute;z-index:1;background:#b17955a0;opacity:0;pointer-events:none;transition:opacity .18s}.axis-guide.is-visible{opacity:.9}.axis-guide span{position:absolute;pointer-events:none}.axis-guide.vertical span{width:var(--cell-size);height:100%;right:0;background:linear-gradient(to left,#b1795524,#b1795500)}.axis-guide.horizontal span{width:100%;height:var(--cell-size);top:0;background:linear-gradient(to bottom,#b1795524,#b1795500)}.clear-grid{position:absolute;z-index:2;width:23px;height:23px;border-radius:8px;display:grid;place-items:center;transform:translate(-50%,-50%);opacity:.3;transition:opacity .18s,background .18s}.clear-grid:hover,.clear-grid:focus-visible,.clear-grid.is-near{opacity:.95}.clear-grid:hover{color:#a65f49}.clear-grid.is-hidden{opacity:0;pointer-events:none}.draft-canvas[data-cursor=copy]{cursor:move}.draft-canvas[data-cursor=resize-x]{cursor:ew-resize}.draft-canvas[data-cursor=resize-y]{cursor:ns-resize}.boards-bar{position:absolute;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;max-width:calc(100% - 48px);padding:6px;border-radius:20px;z-index:4;transition:opacity .18s}.board-tabs{display:flex;gap:5px;min-width:0;max-width:440px;overflow-x:auto;scrollbar-width:none;padding:5px}.board-tabs::-webkit-scrollbar{display:none}.board-tab{width:45px;height:38px;padding:5px;flex:0 0 auto;border-radius:11px;opacity:.5;border:1px solid transparent;transition:opacity .18s,background .18s,border-color .18s}.board-tab canvas{display:block;width:100%;height:100%;pointer-events:none}.board-tab:hover{opacity:.9;background:#69785b0a}.board-tab.is-active{opacity:1;background:#69785b11;border-color:#76816624}.boards-bar .tool{width:34px;height:36px;border-radius:12px}.boards-bar>.tool,.boards-bar>.separator{flex-shrink:0}.board-entry,.favorite-entry{position:relative;flex:0 0 auto;animation:entry-in .18s ease both;transition:opacity .18s,transform .18s,width .18s,height .18s,margin .18s}.board-entry{width:45px;height:38px}.favorite-entry{width:44px;height:40px}.board-entry.is-removing{width:0;margin-right:-5px}.favorite-entry.is-removing{height:0;margin-bottom:-9px}.board-entry.is-removing,.favorite-entry.is-removing{opacity:0;transform:scale(.8);pointer-events:none;overflow:hidden;animation:none}.item-remove{position:absolute;right:-3px;top:-3px;z-index:1;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#7d6857;opacity:0;transform:scale(.75);pointer-events:none;transition:opacity .16s,transform .16s,color .16s,background .16s}.board-entry:hover .item-remove,.favorite-entry:hover .item-remove,.board-entry:focus-within .item-remove,.favorite-entry:focus-within .item-remove{opacity:1;transform:scale(1);pointer-events:auto}.item-remove:hover{background:#f9eeeaeb;color:#a45140}.restore-slot{width:0;opacity:0;overflow:hidden;flex:0 0 auto;transition:width .18s,opacity .18s}.restore-slot.is-visible{width:34px;opacity:1}@keyframes entry-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(hover:none){.board-entry .item-remove,.favorite-entry .item-remove{opacity:.75;transform:none;pointer-events:auto}}.favorites-rail{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:9px;padding:8px;border-radius:20px;z-index:4;max-height:calc(100% - 210px);overflow-y:auto;scrollbar-width:none;opacity:1;transition:opacity .2s,transform .2s}.favorites-rail.is-empty{opacity:0;pointer-events:none;transform:translate(-8px,-50%)}.favorite-item{width:44px;height:40px;padding:3px;border-radius:11px;border:1px solid #7a846516;transition:background .18s,transform .18s}.favorite-item canvas{width:100%;height:100%;display:block;pointer-events:none}.favorite-item:hover{transform:scale(1.05);background:#69785b0c}.favorite-preview{position:absolute;width:264px;height:224px;padding:12px;border-radius:22px;z-index:6;opacity:0;visibility:hidden;transform:translate(-8px) scale(.97);pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}.favorite-preview.is-visible{opacity:1;visibility:visible;transform:translate(0) scale(1)}.favorite-preview canvas{width:100%;height:100%;display:block}.selection-handle{position:absolute;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;z-index:3;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(var(--handle-scale, 1));transition:opacity .16s}.selection-handle.is-visible{opacity:.88}.selection-actions{position:absolute;display:flex;padding:4px;gap:2px;border-radius:13px;z-index:7;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .18s,transform .18s,visibility .18s}.selection-actions.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.selection-actions button{width:29px;height:29px;display:grid;place-items:center;border-radius:9px}.selection-actions button:hover:not(:disabled){background:#b16a5012}.selection-actions [data-copy=confirm]{color:#a25742}.workspace.has-selection .toolbar,.workspace.has-selection .boards-bar,.workspace.has-selection .favorites-rail:not(.is-empty){pointer-events:none;opacity:.4}.workspace.is-switching .draft-canvas{animation:canvas-in .2s ease-out}.tool[data-action=favorite].is-active svg{fill:#a7785926;stroke:#966749}@keyframes canvas-in{0%{opacity:.3}to{opacity:1}}.palette{position:absolute;z-index:5;width:212px;padding:13px;border-radius:23px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(7px) scale(.96);transform-origin:50% 100%;transition:opacity .18s ease,transform .22s ease,visibility .22s}.palette.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.palette-top{display:flex;align-items:center;gap:10px;padding-bottom:12px}.color-preview{height:25px;flex:1;border-radius:9px;border:1px solid #00000008;transition:background .18s}.palette-close{width:24px;height:25px;display:grid;place-items:center;border-radius:7px;opacity:.55;transition:opacity .18s,background .18s}.palette-close:hover{opacity:1;background:#606b550c}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.swatch{width:100%;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #00000006;border-radius:50%;box-shadow:inset 0 1px 1px #ffffff30;transition:transform .16s,box-shadow .16s}.swatch:hover{transform:scale(1.09);box-shadow:0 2px 7px #252e291c}.swatch:active{transform:scale(.96)}.swatch svg{opacity:0;transition:opacity .14s}.swatch.is-selected svg{opacity:1}.palette-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #5e644817}.color-scope{display:flex;gap:3px}.color-scope button{width:32px;height:29px;display:grid;place-items:center;border-radius:9px;opacity:.5;transition:opacity .18s,background .18s}.color-scope button.is-active{opacity:1;background:#606b5510}.custom-color{width:32px;height:29px;display:grid;place-items:center;position:relative;border-radius:9px;overflow:hidden}.custom-color:hover{background:#606b5510}.custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.palette.is-targeted .color-scope{opacity:.35;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes toolbar-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:600px){.toolbar{bottom:18px;padding:6px;border-radius:20px}.tool{width:36px;height:38px}.dimension{opacity:.65}.favorites-rail{left:7px;padding:5px;border-radius:13px}.favorite-item,.favorite-entry{width:30px;height:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}