.canvas-viewport{position:absolute;inset:0;background-color:var(--desk);background-image:radial-gradient(var(--dot) 1.5px,transparent 1.5px);background-size:26px 26px;cursor:-webkit-grab;cursor:grab;touch-action:none;overflow:hidden}.canvas-viewport.panning{cursor:-webkit-grabbing;cursor:grabbing}.canvas-world{position:absolute;top:0;left:0;transform-origin:0 0}.item{position:absolute;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.item:active{cursor:-webkit-grabbing;cursor:grabbing}.item.selected{outline:2px dashed var(--accent);outline-offset:8px}.item .del,.item .handle{display:none;position:absolute;width:26px;height:26px;border-radius:50%;border:none;line-height:1;cursor:pointer;box-shadow:var(--shadow-soft);z-index:5;padding:0}.item.selected .del,.item.selected .handle{display:grid;place-items:center}.item .del{top:-13px;right:-13px;background:var(--accent);color:#fff;font-size:14px}.item .del:focus-visible,.item .handle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.item .handle-rotate{top:-13px;left:-13px;background:var(--accent);color:#fff;font-size:15px;cursor:-webkit-grab;cursor:grab}.item .handle-rotate:active{cursor:-webkit-grabbing;cursor:grabbing}.item .handle-resize{bottom:-13px;right:-13px;background:var(--paper);border:2px solid var(--accent);cursor:nwse-resize}.item .handle-resize:before{content:"";width:9px;height:9px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent)}.polaroid{background:var(--paper);padding:12px 12px 10px;box-shadow:var(--shadow);width:230px;border:1px solid var(--paper-edge)}.polaroid .photo{width:100%;height:190px;background-size:cover;background-position:50%;border:1px solid rgba(0,0,0,.08)}.polaroid .photo img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.polaroid .caption{font-family:var(--hand);font-size:17px;color:#3e3d38;text-align:center;padding:9px 4px 2px;min-height:22px}.sticker{font-size:64px;line-height:1;filter:drop-shadow(0 3px 4px rgba(0,0,0,.18));padding:4px}.note{width:210px;min-height:120px;padding:18px 16px;box-shadow:var(--shadow);font-family:var(--hand);font-size:19px;line-height:1.45}.note .note-text{outline:none;min-height:80px}.note .note-text:focus{background:rgba(255,255,255,.35)}.note-yellow{background:#fdf3b9;color:#4a4630}.note-blue{background:#d9e4f8;color:#333e56}.note-pink{background:#fad9e6;color:#5c3346}.note-mint{background:#d8f0de;color:#2f4c39}.note-kraft{background:#d9c7a7;color:#4c3e27}.note-lined{background:#fffef8 repeating-linear-gradient(180deg,transparent 0 26px,#c9d6e8 26px 27px);color:#3b3a34;line-height:27px;padding-top:24px;border-left:2px solid #e8a6a6;width:230px}.note-grid{background:#fffffe;color:#3b3a34;background-image:linear-gradient(#dce7ee 1px,transparent 0),linear-gradient(90deg,#dce7ee 1px,transparent 0);background-size:18px 18px;width:220px}.note-scrap{background:#fcfaf2;color:#44423a;width:220px;-webkit-clip-path:polygon(2% 4%,12% 0,30% 3%,52% 0,74% 4%,95% 1%,100% 12%,98% 40%,100% 68%,97% 92%,78% 100%,50% 97%,24% 100%,4% 96%,0 70%,2% 38%);clip-path:polygon(2% 4%,12% 0,30% 3%,52% 0,74% 4%,95% 1%,100% 12%,98% 40%,100% 68%,97% 92%,78% 100%,50% 97%,24% 100%,4% 96%,0 70%,2% 38%);box-shadow:var(--shadow-soft)}.freetext{padding:6px 10px;white-space:nowrap}.freetext .note-text{outline:none}.text-gel{font-size:30px;color:var(--accent)}.text-gel,.text-marker{font-family:var(--hand)}.text-marker{font-size:42px;font-weight:700;color:#2e2d28;letter-spacing:1px}.text-pencil{font-size:22px;color:#8a887c}.text-pencil,.text-red{font-family:var(--hand)}.text-red{font-size:30px;color:#c04a3e}.text-highlight{font-family:var(--hand);font-size:26px;color:#3b3a30}.text-highlight .note-text{background:linear-gradient(180deg,transparent 40%,#fbe87a 0);padding:0 4px}.text-type{font-size:17px;color:#3b3a34;background:#fdfbf2;padding:8px 12px;border:1px solid #e4dfce}.text-label,.text-type{font-family:var(--mono);box-shadow:var(--shadow-soft)}.text-label{font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:#f4f2e8;background:#3a3935;padding:7px 14px;border-radius:2px}.tape{width:110px;height:32px;opacity:.88;box-shadow:0 1px 2px rgba(0,0,0,.12);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4px,#000 calc(100% - 4px),transparent);mask-image:linear-gradient(90deg,transparent,#000 4px,#000 calc(100% - 4px),transparent)}.tape-rose{background:repeating-linear-gradient(45deg,#f0a8b8 0 10px,#f7c3cf 10px 20px)}.tape-teal{background:repeating-linear-gradient(-45deg,#82c7bd 0 10px,#a3d8d0 10px 20px)}.tape-mustard{background:repeating-linear-gradient(0deg,#efcb5f 0 8px,#f5da85 8px 16px)}.tape-lilac{background:#c9d3f2}.tape-dots{background:#f1907e radial-gradient(#fff3ea 3px,transparent 3.5px);background-size:16px 16px;background-position:4px 4px}.tape-candy{background:repeating-linear-gradient(90deg,#e45b4f 0 12px,#fbf6ec 12px 24px)}.tape-denim{background:linear-gradient(180deg,#5b79a8,#4a6693)}.tape-forest{background:repeating-linear-gradient(45deg,#5e8c61 0 12px,#7ba87e 12px 24px)}.tape-check{background:#fbf6ec;background-image:linear-gradient(45deg,#b8cce0 25%,transparent 0,transparent 75%,#b8cce0 0),linear-gradient(45deg,#b8cce0 25%,transparent 0,transparent 75%,#b8cce0 0);background-size:16px 16px;background-position:0 0,8px 8px}.tape-sun{background:linear-gradient(90deg,#f6c667,#f09b5f)}.ticket{background:#f3e4c8;border:1.5px solid #c9ae7e;padding:14px 18px;width:250px;box-shadow:var(--shadow);color:#5a4a2e;background-image:radial-gradient(circle at 0 50%,var(--desk) 7px,transparent 7.5px),radial-gradient(circle at 100% 50%,var(--desk) 7px,transparent 7.5px)}.ticket .t-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a744c}.ticket .t-title{font-weight:700;font-size:17px;margin:3px 0 6px}.ticket .t-row{display:flex;justify-content:space-between;font-size:12px;border-top:1px dashed #c9ae7e;padding-top:7px}.canvas-zoomctl{position:absolute;bottom:22px;right:20px;z-index:1000;display:flex;align-items:center;gap:2px;background:var(--chrome);border:1px solid var(--chrome-border);border-radius:4px;box-shadow:var(--shadow-soft);padding:3px;font-family:var(--ui)}.canvas-zoomctl button{border:none;background:transparent;color:var(--ink);width:30px;height:30px;font-size:16px;cursor:pointer;border-radius:3px}.canvas-zoomctl button:hover{background:var(--accent-soft)}.canvas-zoomctl button:focus-visible{outline:2px solid var(--accent)}.canvas-zoomlabel{font-size:12px;color:var(--ink-soft);min-width:44px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.canvas-contextmenu{position:fixed;z-index:1200;display:flex;flex-direction:column;min-width:152px;background:var(--chrome);border:1px solid var(--chrome-border);border-radius:8px;box-shadow:var(--shadow);padding:4px;font-family:var(--ui)}.canvas-contextmenu button{display:block;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font-size:13px;padding:8px 12px;border-radius:5px;cursor:pointer}.canvas-contextmenu button:hover{background:var(--accent-soft)}.canvas-contextmenu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-hint{position:absolute;bottom:22px;left:20px;z-index:1000;font-size:12px;color:var(--ink-soft);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:20px;padding:7px 14px;box-shadow:var(--shadow-soft);font-family:var(--ui)}.canvas-hint b{color:var(--ink);font-weight:600}.editor-topbar{position:fixed;top:16px;left:16px;right:16px;z-index:1000;display:flex;align-items:center;gap:12px;font-family:var(--ui);pointer-events:none}.editor-topbar>*{pointer-events:auto}.editor-back{display:inline-grid;place-items:center;width:38px;height:38px;background:var(--chrome);border:1px solid var(--chrome-border);border-radius:4px;box-shadow:var(--shadow-soft);color:var(--ink);text-decoration:none;font-size:18px;line-height:1}.editor-back:hover{background:var(--accent-soft)}.editor-pagename{background:transparent;color:var(--ink);font-family:var(--hand);font-size:20px;border:none;border-bottom:2px dashed transparent;padding:4px 6px;max-width:320px}.editor-pagename:focus,.editor-pagename:hover{border-bottom-color:var(--accent);outline:none}.editor-spacer{flex:1 1}.export-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:13px;font-weight:600;color:var(--ink);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:20px;box-shadow:var(--shadow-soft);padding:7px 15px;cursor:pointer}.export-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.export-btn:disabled{opacity:.55;cursor:default}.export-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-control{position:relative}.share-toggle-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:13px;font-weight:600;color:var(--ink);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:20px;box-shadow:var(--shadow-soft);padding:7px 15px;cursor:pointer}.share-toggle-btn:hover{border-color:var(--accent)}.share-toggle-btn.is-shared{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.share-live-dot{width:7px;height:7px;border-radius:50%;background:#3f9b5a;flex:none}.share-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-popover{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--paper);border:1px solid var(--paper-edge);border-radius:10px;box-shadow:var(--shadow);padding:16px;font-family:var(--ui);z-index:1100}.theme-save-name{width:100%;margin-bottom:12px}.theme-save-row{margin-bottom:2px}.theme-save-hint{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.5}.theme-save-error{align-self:center;font-size:12px;color:#b23a32}.share-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.share-row input[type=checkbox]{margin-top:3px;width:16px;height:16px;accent-color:var(--accent);flex:none;cursor:pointer}.share-row-text{display:flex;flex-direction:column;gap:3px}.share-row-text b{font-size:14px;color:var(--ink);font-weight:600}.share-row-text small{font-size:12px;color:var(--ink-soft);line-height:1.4}.share-linkrow{display:flex;gap:8px;margin-top:14px}.share-linkfield{flex:1 1;min-width:0;font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--chrome);border:1px solid var(--chrome-border);border-radius:6px;padding:8px 10px}.share-linkfield:focus{outline:none;border-color:var(--accent)}.share-copy-btn{flex:none;font-family:var(--ui);font-size:13px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:6px;padding:8px 14px;cursor:pointer}.share-copy-btn:hover{filter:brightness(1.06)}.share-topbar .logo{text-decoration:none;color:inherit}.share-title{font-family:var(--hand);font-size:20px;color:var(--ink);padding:4px 6px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-badge{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);padding:5px 11px}.share-badge,.share-cta{font-family:var(--ui);font-weight:600;background:var(--chrome);border:1px solid var(--chrome-border);border-radius:20px;box-shadow:var(--shadow-soft)}.share-cta{font-size:13px;color:var(--ink);padding:7px 15px;text-decoration:none}.share-cta:hover{border-color:var(--accent);color:var(--accent)}.save-indicator{display:inline-flex;align-items:center;gap:8px;background:var(--chrome);border:1px solid var(--chrome-border);border-radius:20px;box-shadow:var(--shadow-soft);padding:7px 14px 7px 12px;font-size:12px;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);flex:none}.save-saved .save-dot{background:#3f9b5a}.save-saving .save-dot{background:#d79a2b;animation:save-pulse 1s ease-in-out infinite}.save-offline .save-dot{background:#c0503f}.save-offline{color:var(--ink)}@keyframes save-pulse{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.save-saving .save-dot{animation:none}}