:root{--bg-0: #efe5d0;--bg-1: #f8f4ea;--bg-2: #fffdf8;--ink: #171717;--muted: #665f53;--line: rgba(23, 23, 23, .1);--panel: rgba(255, 251, 244, .82);--panel-strong: rgba(255, 247, 235, .94);--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .12);--shadow: 0 18px 60px rgba(53, 33, 7, .14);--font-display: "Iowan Old Style", "Book Antiqua", "Palatino Linotype", serif;--font-sans: "Avenir Next", "Segoe UI", sans-serif;--font-serif: "Iowan Old Style", Georgia, serif;--font-mono: "SFMono-Regular", Menlo, Consolas, monospace;--font-hand: "Bradley Hand", "Segoe Print", cursive;--shape-color-black: #171717;--shape-color-blue: #2458c9;--shape-color-green: #23795d;--shape-color-grey: #737986;--shape-color-light-blue: #53a7f6;--shape-color-light-green: #7ac36a;--shape-color-light-red: #f28f82;--shape-color-light-violet: #9a8cf2;--shape-color-orange: #cb7a17;--shape-color-red: #d1495b;--shape-color-violet: #6750d8;--shape-color-yellow: #c29616}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.7),transparent 34%),linear-gradient(180deg,#f3ead9,#ece1cd)}button,input,textarea{font:inherit}.app-fullscreen{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-root{position:absolute;inset:0;overflow:hidden;background:linear-gradient(0deg,#ffffff6b,#ffffff6b),repeating-linear-gradient(0deg,transparent 0 31px,rgba(42,38,31,.045) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(42,38,31,.045) 31px 32px),linear-gradient(180deg,var(--bg-2),#f5f0e4);touch-action:none;outline:none}.floating-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;background:#fffdf8e0;backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(23,23,23,.08);border-radius:14px;box-shadow:0 8px 32px #3521071f,0 1px 3px #0000000f;z-index:100}.ft-btn{appearance:none;border:none;background:transparent;border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:background .1s,color .1s}.ft-btn:hover{background:#1717170f;color:var(--ink)}.ft-btn.ft-active{background:#0f766e1f;color:var(--accent)}.ft-sep{width:1px;height:20px;margin:0 4px;background:#1717171a}.ft-color-wrap{position:relative}.ft-color-dot{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #0000001f}.ft-color-picker{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#fffdf8eb;backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(23,23,23,.08);border-radius:12px;box-shadow:0 8px 32px #3521071f,0 1px 3px #0000000f}.ft-color-swatch{appearance:none;border:2px solid transparent;width:24px;height:24px;border-radius:999px;cursor:pointer;transition:transform .1s,border-color .1s}.ft-color-swatch:hover{transform:scale(1.15)}.ft-color-swatch.ft-color-active{border-color:#fffffff2;box-shadow:0 0 0 2px currentColor}.canvas-root[data-tool=draw]{cursor:crosshair}.shapes-layer{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.draft-layer{pointer-events:none}.shape-wrapper{position:absolute;top:0;left:0;transform-origin:top left}.shape-content{position:relative}.shape-geo{display:flex;align-items:center;justify-content:center;padding:12px;word-break:break-word;overflow:hidden}.shape-label{font-size:14px;line-height:1.3;text-align:center}.shape-text{min-width:48px;min-height:28px;padding:6px 8px;outline:none;white-space:pre-wrap;word-break:break-word}.shape-text:focus{box-shadow:inset 0 0 0 1px #0f766e47;border-radius:8px;background:#ffffff85}.shape-svg{display:block;overflow:visible}.draft-preview-path{fill:none;stroke:#171717;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(23,23,23,.12))}.draft-preview-dot{position:absolute;width:8px;height:8px;margin-left:-4px;margin-top:-4px;border-radius:999px;background:#171717;box-shadow:0 0 0 2px #ffffffe6}.overlay-layer{position:absolute;inset:0;pointer-events:none}.selection-box{position:absolute;border:1.5px solid var(--accent);background:var(--accent-soft);border-radius:10px;box-shadow:0 0 0 1px #fffc inset}.marquee-box{position:absolute;border:1.5px dashed var(--accent);background:#0f766e0f;border-radius:4px}.selection-handle{position:absolute;width:10px;height:10px;border-radius:999px;background:var(--accent);border:2px solid #ffffff;box-shadow:0 2px 8px #0f766e40}.cursor-layer{position:absolute;inset:0;pointer-events:none}.cursor-item{position:absolute;transform:translate(-2px,-2px)}.cursor-pointer{width:18px;height:18px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}.cursor-badge{display:inline-flex;align-items:center;margin-top:4px;padding:4px 8px;border-radius:999px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}