.sticker-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.sticker-grain{pointer-events:none;background-image:var(--grain);mix-blend-mode:multiply;opacity:.19;position:absolute;inset:0}.sticker-piece{--pick:1;width:40px;height:40px;transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(calc(var(--scale,1) * var(--pick,1)));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:grab;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 2.5px #fff)drop-shadow(1px 3px 2px #00000040);transition:filter .15s ease, transform .2s var(--paper-ease);position:absolute}.sticker-piece svg{width:100%;height:100%;display:block;overflow:visible}.sticker-piece:active,.sticker-piece.dragging{--pick:1.05;cursor:grabbing;z-index:1;filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 2.5px #fff)drop-shadow(2px 6px 5px #00000052)}.sticker-piece:focus-visible{outline:2px dashed var(--bic);outline-offset:4px}.sticker-piece:not(.kind-coffee):not(.kind-stamp):not(.kind-github):after{content:"";clip-path:polygon(100% 0,0 100%,100% 100%);filter:drop-shadow(-1px -1px 1px #00000029);background:linear-gradient(135deg,#0000 50%,#ffffffe6 50.5%);width:30%;min-width:7px;height:30%;min-height:7px;position:absolute;bottom:-1px;right:-1px}.sticker-piece.kind-coffee,.sticker-piece.kind-stamp{filter:none;mix-blend-mode:multiply}.sticker-piece.kind-washi{width:70px;height:26px}.sticker-piece.kind-coffee{width:58px;height:58px}.sticker-piece.kind-paperclip{width:32px;height:50px}.sticker-piece.kind-pushpin{width:32px;height:42px}.sticker-piece.kind-star{width:40px;height:40px}.sticker-piece.kind-bolt{width:30px;height:44px}.sticker-piece.kind-stamp{width:76px;height:76px}.sticker-piece.kind-github{width:42px;height:42px}.sticker-piece.kind-github:hover{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 2.5px #fff)drop-shadow(1px 3px 2.5px #00000059)brightness(1.08)}.peel-tab{z-index:5;cursor:pointer;clip-path:polygon(0 0,100% 0,0 100%);filter:drop-shadow(1px 2px 2px #00000029);opacity:.78;background:linear-gradient(135deg,#ffffffe6,#ffffff8c 55%,#0000 62%);border:none;width:30px;height:30px;padding:3px 0 0 3px;transition:opacity .15s,transform .15s;position:absolute;top:0;left:0}.peel-tab:hover{opacity:1;transform:scale(1.08)}.peel-tab svg{width:15px;height:15px}.peel-sheet{z-index:7;background:var(--napkin);transform-origin:0 0;border:1px solid #00000026;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:8px;width:min(240px,72%);padding:12px 10px 8px;animation:.2s both peelOpen;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 10px 26px #0000004d}@keyframes peelOpen{0%{opacity:0;transform:scale(.85)rotate(-3deg)}}.peel-title{font-family:var(--mono);color:var(--ink-soft);text-align:center;grid-column:1/-1;margin:0 0 2px;font-size:11px}.peel-item{cursor:pointer;background:#00000008;border:1px dashed #00000029;border-radius:6px;place-items:center;width:42px;height:42px;padding:3px;display:grid}.peel-item:hover{border-color:var(--bic);background:#1e3f9114}.peel-item svg{filter:drop-shadow(1px 2px 1.5px #0003);width:78%;height:78%}.peel-item.kind-coffee svg,.peel-item.kind-stamp svg{filter:none;mix-blend-mode:multiply}@media (max-width:600px){.peel-sheet{width:min(220px,82%)}}@media (prefers-reduced-motion:reduce){.sticker-piece,.peel-tab{transition:none}.peel-sheet{animation:none}}
.media-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.media-piece{--pick:1;min-width:56px;max-width:90%;transform:translate(-50%, -50%) rotate(var(--rot,0deg)) scale(var(--pick));pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:grab;transition:box-shadow .15s ease, transform .2s var(--paper-ease);background:#fff;border:5px solid #fff;border-radius:8px;position:absolute;box-shadow:0 1px 2px #0000002e,0 5px 14px -4px #0000004d}.media-piece img,.media-piece video{pointer-events:none;-webkit-user-drag:none;border-radius:4px;width:100%;height:auto;display:block}.media-piece.kind-text{cursor:grab;min-height:34px;padding:6px 8px}.media-piece.kind-text textarea,.media-text{resize:none;width:100%;font-family:var(--mono);color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:12px;line-height:1.5;display:block;overflow:hidden}.media-text-reading{cursor:text;min-height:20px}.media-piece.kind-text textarea{pointer-events:none;-webkit-user-select:none;user-select:none}.media-piece.kind-text textarea::placeholder{color:var(--ink-soft);opacity:.6}.media-piece.kind-text.editing{cursor:text;-webkit-user-select:text;user-select:text;outline:1.5px dashed var(--bic);outline-offset:2px}.media-piece.kind-text.editing textarea{pointer-events:auto;-webkit-user-select:text;user-select:text;cursor:text}.media-piece .handle{border:1.5px solid var(--bic);opacity:0;pointer-events:none;touch-action:none;background:#fff;border-radius:50%;width:15px;height:15px;padding:0;transition:opacity .12s;position:absolute;box-shadow:0 1px 3px #00000040}.media-piece:hover .handle,.media-piece:focus-within .handle{opacity:1;pointer-events:auto}.media-piece.dragging .handle{opacity:0;pointer-events:none}.h-resize{cursor:nwse-resize;bottom:-9px;right:-9px;border-radius:3px!important}.h-rotate{cursor:grab;margin-left:-8px;top:-30px;left:50%}.h-rotate:after{content:"";background:var(--bic);opacity:.6;width:1px;height:15px;position:absolute;top:100%;left:50%}.h-delete{font:600 11px/1 var(--mono);color:var(--bic);cursor:pointer;place-items:center;display:grid;top:-9px;right:-9px}.h-delete:hover{background:var(--bic);color:#fff}.media-piece.adjusting{transition:none}.media-piece.dragging{--pick:1.05;cursor:grabbing;z-index:1;transition:box-shadow .15s;box-shadow:0 2px 4px #0003,0 14px 28px -6px #0006}.media-piece:focus-visible{outline:2px dashed var(--bic);outline-offset:3px}.media-drop-cue{z-index:2;pointer-events:none;border:2px dashed var(--bic);font-family:var(--mono);color:var(--bic);background:#132c850a;border-radius:6px;place-items:center;font-size:13px;display:grid;position:absolute;inset:8px}.media-note{z-index:5;font-family:var(--mono);color:var(--ink-soft);pointer-events:none;margin:0;font-size:11px;position:absolute;bottom:44px;right:14px}.media-err{color:#a8402f}@media (prefers-reduced-motion:reduce){.media-piece{transition:none}}
.ink-layer{z-index:0;pointer-events:none;mix-blend-mode:multiply;opacity:.92;width:100%;position:absolute;top:56px;bottom:40px;left:0;overflow:visible}.ink-body{filter:url(#napkin-ink-rough);isolation:isolate}.ink-body.wet{filter:none}.ink-body path{mix-blend-mode:multiply}.ink-capture{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.ink-capture.erasing{cursor:cell}.ink-capture.texting{cursor:text}.desk-tools{z-index:5;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:42px;left:14px}.desk-tools button{cursor:pointer;color:var(--ink-soft);filter:drop-shadow(1px 2px 1.5px #00000038);background:0 0;border:none;padding:0;line-height:0;transition:transform .16s,opacity .16s}.desk-tools .pen{transform:rotate(var(--lie,-4deg));opacity:.72}.desk-tools .pen:hover{opacity:.9}.desk-tools .pen[aria-pressed=true]{opacity:1;filter:drop-shadow(1px 5px 3px #0000003d);transform:translateY(-7px)rotate(1deg)}.desk-tools .nib{opacity:.4;filter:none;place-items:center;width:22px;height:22px;display:grid}.desk-tools .nib span{background:currentColor;border-radius:52% 47% 51% 49%/49% 52% 48% 51%;display:block}.desk-tools .nib[aria-pressed=true]{opacity:.95}.desk-tools .eraser{opacity:.75}.desk-tools .eraser[aria-pressed=true]{opacity:1;transform:translateY(-5px)rotate(2deg)}.desk-tools .text-tool{font-family:var(--mono);color:var(--ink-soft);opacity:.6;filter:none;padding:0 3px 3px;font-size:13px;font-weight:600;line-height:1}.desk-tools .text-tool:hover{opacity:.9}.desk-tools .text-tool[aria-pressed=true]{color:var(--bic);opacity:1;transform:translateY(-3px)}.desk-tools .undo{opacity:.55;filter:none;padding:0 2px 3px}.desk-tools .undo:hover:not(:disabled){opacity:.9}.desk-tools .undo:disabled{opacity:.15;cursor:default}.desk-tools .redo svg{transform:scaleX(-1)}.ink-note{z-index:5;max-width:26ch;font-family:var(--hand);color:var(--stain);opacity:.8;pointer-events:none;font-size:13px;line-height:1.4;position:absolute;bottom:78px;left:16px}@media (max-width:600px){.desk-tools{gap:6px;bottom:60px;left:8px}.ink-note{bottom:96px}}@media (prefers-reduced-motion:reduce){.desk-tools button{transition:none}}