.doodles-page>.doodle-workdesk:before{content:none}.doodle-desk-mat{z-index:0;pointer-events:none;background:linear-gradient(120deg,#3e393ccc,#272736ee);border:1px dashed #ab967350;border-radius:22px 10px 15px 8px;position:absolute;inset:19px 7%;transform:rotate(-1deg);box-shadow:0 0 0 7px #292735c0,6px 12px 18px #20152399}.doodle-desk-props{z-index:1;pointer-events:none;user-select:none;position:absolute;inset:0}.doodle-desk-ink{filter:drop-shadow(8px 10px 6px #0007);width:100px;height:168px;position:absolute;top:32px;right:2px;transform:rotate(7deg)}.doodle-desk-note{color:#665465;width:86px;font:16px/1.5 var(--doodle-hand);background:#c6b28c;padding:16px 8px 9px;position:absolute;bottom:28px;left:12px;transform:rotate(-12deg);box-shadow:5px 6px 9px #0006}.doodle-desk-note svg{width:70px;max-width:100%}.doodle-workdesk .doodle-pages{z-index:2;pointer-events:none;position:relative}.doodle-workdesk .doodle-sheet{pointer-events:auto}.doodle-workdesk #doodle-load-state{z-index:2;position:relative}.doodle-workdesk .doodle-bound-wrap{filter:drop-shadow(5px 14px 12px #0006)drop-shadow(0 2px 2px #0006)}.doodle-workdesk .doodle-sheet:not(.doodle-book-cover){--edge-x:1px;--binding-x:9px;box-shadow:inset var(--binding-x) 0 14px -12px #492c36, var(--edge-x) 1px 0 #dcd0b9, var(--edge-x) 2px 0 #b5a68d, var(--edge-x) 3px 1px #30213266}.doodle-workdesk .doodle-sheet.--left:not(.doodle-book-cover){--edge-x:-1px;--binding-x:-9px}.doodle-workdesk .doodle-book-cover{box-shadow:inset var(--cover-inset-x) 0 10px #0b060e88,inset var(--cover-highlight-x) -2px 2px #c195452f, 0 1px 0 #8d7151,0 2px 0 #39283a,0 3px 1px #140d1b88}@media (width<=1050px){.doodle-desk-ink{width:75px;height:126px;top:24px;right:-13px}.doodle-desk-note{width:68px;font-size:13px;bottom:24px;left:-9px}}@media (width<=767px){.doodle-desk-props{display:none}.doodle-desk-mat{border-radius:12px 7px 10px 6px;inset:12px 14px;transform:rotate(-.5deg);box-shadow:0 0 0 4px #292735c0,3px 6px 9px #20152377}}.doodle-desk-ink>svg{width:100%;height:100%;overflow:visible}.doodle-prop-hit{appearance:none;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.doodle-ink-hit{width:66%;height:48%;top:38%;left:16%}.doodle-quill-hit{width:49%;height:38%;top:0;left:46%}.doodle-desk-note{cursor:pointer;pointer-events:auto;text-align:center;border:0;transition:transform .2s,box-shadow .2s}[data-desk-note-copy]{white-space:pre-line}.doodle-prop-hit:focus-visible{outline-offset:2px;outline:2px dashed #c5a6ff}.doodle-desk-note:focus-visible{outline-offset:4px;outline:2px dashed #c5a6ff}.doodle-desk-note:hover{transform:rotate(-8deg)translateY(-3px);box-shadow:6px 9px 12px #0006}.doodle-quill{transform-origin:58px 80px;transition:transform .25s}.doodle-desk-ink:has(.doodle-quill-hit:hover) .doodle-quill{transform:rotate(-6deg)}.doodle-desk-ink:has(.doodle-ink-hit:hover) .doodle-ink-body{filter:brightness(1.15)}.doodle-ink-body{transform-origin:59px 168px}.doodle-ink-sparks{opacity:0}[data-play=quill] .doodle-quill{animation:.65s desk-quill}[data-play=ink] .doodle-ink-body{animation:.6s desk-ink}[data-play=ink] .doodle-ink-sparks{animation:.7s ease-out desk-sparks}[data-play=note] .doodle-desk-note{animation:.45s desk-note}@keyframes desk-quill{25%{transform:rotate(-12deg)}55%{transform:rotate(7deg)}80%{transform:rotate(-4deg)}}@keyframes desk-ink{25%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}@keyframes desk-sparks{10%{opacity:0;transform:translateY(3px)}35%{opacity:.8}to{opacity:0;transform:translateY(-20px)}}@keyframes desk-note{50%{transform:rotate(-6deg)translateY(-5px)}}@media (prefers-reduced-motion:reduce){.doodle-desk-props *{transition:none!important;animation:none!important}.doodle-desk-note:hover{transform:rotate(-12deg)}.doodle-desk-ink:has(.doodle-quill-hit:hover) .doodle-quill{filter:brightness(1.15);transform:none}[data-play=ink] .doodle-ink-sparks{opacity:.8}[data-play=quill] .doodle-quill{filter:brightness(1.2)}}