@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-latin-400-normal-D6LQsQ_v.woff2) format("woff2"),url(/assets/caveat-latin-400-normal-BzhAQZkN.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2) format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2) format("woff2"),url(/assets/kalam-latin-400-normal-Bl-H2BUA.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff) format("woff")}@font-face{font-family:Architects Daughter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/architects-daughter-latin-400-normal-DOGE_9Aw.woff2) format("woff2"),url(/assets/architects-daughter-latin-400-normal-Ze4cbGW2.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}body.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}h1,h2,h3,p{margin:0}:root{--light-x: -1px;--light-y: 3px;--shadow-tint: 22 18 14;--shadow-contact: 0 1px 2px rgb(var(--shadow-tint) / .42);--shadow-ambient: 0 10px 18px -6px rgb(var(--shadow-tint) / .34);--shadow-lifted: 0 2px 4px rgb(var(--shadow-tint) / .28), 0 26px 40px -12px rgb(var(--shadow-tint) / .45);--canary-base: #fdf07a;--canary-deep: #ecdc55;--mint-base: #c8ecc9;--mint-deep: #a9d8ac;--sky-base: #bfe0f5;--sky-deep: #9dc9e8;--blush-base: #fbd0dd;--blush-deep: #eeb2c5;--coral-base: #ffc7a6;--coral-deep: #f2a97f;--lilac-base: #dcd0f2;--lilac-deep: #c2b1e4;--white-base: #fbfaf6;--white-deep: #e6e3da;--kraft-base: #d9b98c;--kraft-deep: #c2a074;--ink: #2c2a26;--ink-soft: #4a4640;--room-base: #2a2521;--room-deep: #1a1714;--room-tint: 214 168 108;--ui-bg: #211d1a;--ui-panel: #2a2522;--ui-line: #3d3630;--ui-text: #f0ebe3;--ui-dim: #a89e93;--ui-accent: #f0b429;--radius: 8px}.app{display:flex;flex-direction:column;height:100%;background:var(--ui-bg);color:var(--ui-text)}.stage{display:flex;flex:1;min-height:0;position:relative;transition:background-color .5s ease}.frame{position:relative;flex:1;min-width:0;overflow:hidden;background:linear-gradient(0deg,rgb(var(--room-tint) / .07),transparent 22%),radial-gradient(130% 110% at 30% -10%,rgb(var(--room-tint) / .16) 0%,rgb(var(--room-tint) / .05) 35%,transparent 65%),linear-gradient(165deg,var(--room-base),var(--room-deep));transition:background .5s ease}.room__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(58% 58% at 50% 46%,rgb(var(--room-tint) / .13) 0%,transparent 72%);transition:background .5s ease}.stage--cork{--room-tint: 214 158 92}.stage--whiteboard{--room-tint: 190 210 226}.stage--chalkboard{--room-tint: 130 176 158}.stage--brick{--room-tint: 208 126 100}.stage--wood{--room-tint: 206 154 92}.stage--plaster{--room-tint: 226 212 186}.stage--room-taupe{--room-base: #2a2521;--room-deep: #1a1714;--room-tint: 214 168 108}.stage--room-slate{--room-base: #242932;--room-deep: #14171d;--room-tint: 150 178 214}.stage--room-forest{--room-base: #1f2a25;--room-deep: #131b17;--room-tint: 132 190 152}.stage--room-plum{--room-base: #2a2130;--room-deep: #19131f;--room-tint: 192 152 212}.stage--room-clay{--room-base: #302420;--room-deep: #1d1512;--room-tint: 222 140 108}.stage--room-ink{--room-base: #23232a;--room-deep: #141419;--room-tint: 172 178 198}.stage--room-sand{--room-base: #4a4034;--room-deep: #2f281f;--room-tint: 240 216 172}.wall{position:absolute;top:50%;left:50%;transform-origin:center center;isolation:isolate;border-radius:3px;box-shadow:0 2px 6px #00000073,0 30px 70px -14px #0000009e,0 0 0 1px #ffffff0a,inset 0 1px #ffffff12}.wall__surface,.wall__grain,.wall__vignette,.wall__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wall__surface{pointer-events:auto}.wall__grain{opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.wall__notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;pointer-events:none}.wall__vignette{z-index:900;background:radial-gradient(120% 100% at 32% 12%,#ffffff1a,#fff0 42%,#00000029 82%,#0000004d)}.wall__frame{z-index:950;background:none}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:999px;background:#141318f0;border:1px solid var(--ui-line);color:var(--ui-text);font-size:13px;z-index:5000;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.wall--cork .wall__surface{background-color:#c68f52;background-image:radial-gradient(circle at 20% 30%,rgb(139 90 43 / .55) 0 1.4px,transparent 1.6px),radial-gradient(circle at 68% 12%,rgb(93 58 26 / .5) 0 2.1px,transparent 2.3px),radial-gradient(circle at 44% 78%,rgb(163 111 61 / .6) 0 2.6px,transparent 2.8px),radial-gradient(circle at 88% 62%,rgb(112 72 33 / .42) 0 1.7px,transparent 1.9px),radial-gradient(circle at 12% 88%,rgb(180 130 78 / .5) 0 3px,transparent 3.2px),radial-gradient(circle at 76% 90%,rgb(120 78 38 / .4) 0 1.2px,transparent 1.4px);background-size:37px 41px,53px 47px,61px 59px,43px 39px,71px 67px,29px 31px}.wall--cork .wall__frame{border:18px solid #6b4522;border-image:linear-gradient(128deg,#8a5a2d,#5a3819) 1;box-shadow:inset 0 0 0 1px #00000059,inset 0 2px 6px #0006}.wall--whiteboard .wall__surface{background-color:#f2f4f5;background-image:linear-gradient(118deg,#ffffffe6,#e2e9ed66 38%,#ffffffbf 62%,#d6dfe480)}.wall--whiteboard .wall__grain{opacity:.12}.wall--whiteboard .wall__frame{border:12px solid #b9c0c6;border-image:linear-gradient(160deg,#dfe4e8,#949ca3) 1;box-shadow:inset 0 0 0 1px #fff9,inset 0 0 0 2px #0000001f}.wall--chalkboard .wall__surface{background-color:#2c3a35;background-image:radial-gradient(ellipse 60% 40% at 25% 30%,rgb(255 255 255 / .07),transparent 70%),radial-gradient(ellipse 50% 30% at 72% 66%,rgb(255 255 255 / .05),transparent 70%),linear-gradient(175deg,rgb(255 255 255 / .04),transparent 40%)}.wall--chalkboard .wall__grain{opacity:.28}.wall--chalkboard .wall__frame{border:16px solid #7a5a34;border-image:linear-gradient(150deg,#9a7444,#543c20) 1;box-shadow:inset 0 0 0 1px #00000073}.wall--brick .wall__surface{--brick-w: 108px;--brick-h: 42px;--mortar: #cfc6b6;background-color:var(--mortar);background-image:repeating-linear-gradient(180deg,transparent 0 calc(var(--brick-h) - 6px),rgb(0 0 0 / .16) calc(var(--brick-h) - 6px) var(--brick-h)),repeating-linear-gradient(90deg,#9e5540 0 calc(var(--brick-w) - 6px),transparent calc(var(--brick-w) - 6px) var(--brick-w));background-size:100% var(--brick-h),var(--brick-w) calc(var(--brick-h) * 2)}.wall--brick .wall__grain{opacity:.42;background-image:repeating-linear-gradient(90deg,#a85c45 0 102px,transparent 102px 108px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:108px 84px,160px 160px;background-position:54px 42px,0 0;mix-blend-mode:normal}.wall--brick .wall__vignette{background:radial-gradient(120% 100% at 32% 12%,rgb(255 255 255 / .12) 0%,transparent 45%,rgb(0 0 0 / .2) 85%,rgb(0 0 0 / .34) 100%)}.wall--wood .wall__surface{--plank: 132px;background-color:#b5834b;background-image:repeating-linear-gradient(90deg,rgb(0 0 0 / .28) 0 2px,rgb(255 255 255 / .06) 2px 5px,transparent 5px var(--plank)),repeating-linear-gradient(92deg,rgb(122 78 38 / .25) 0 3px,transparent 3px 9px,rgb(150 100 52 / .2) 9px 12px,transparent 12px 23px),linear-gradient(180deg,#c08e56,#a5763f)}.wall--wood .wall__grain{opacity:.3}.wall--wood .wall__frame{border:10px solid #6f4a24;border-radius:2px;box-shadow:inset 0 0 0 1px #0000004d}.wall--plaster .wall__surface{background-color:#e8e1d4;background-image:radial-gradient(ellipse 40% 30% at 18% 22%,rgb(0 0 0 / .035),transparent 70%),radial-gradient(ellipse 50% 35% at 78% 40%,rgb(0 0 0 / .03),transparent 70%),radial-gradient(ellipse 45% 28% at 40% 82%,rgb(0 0 0 / .04),transparent 70%),linear-gradient(168deg,#efe9de,#ddd5c6)}.wall--plaster .wall__grain{opacity:.35}.note{position:absolute;top:0;left:0;transform-origin:center center;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:box-shadow .16s ease,filter .16s ease;z-index:1}.note.is-lifted{cursor:grabbing;transition:none;z-index:800}.note.is-peeling{opacity:.55;filter:grayscale(.4)}.note.is-editing{cursor:text}.note__paper{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper-base, var(--canary-base));box-shadow:var(--shadow-contact),var(--shadow-ambient);z-index:0}.note.is-lifted .note__paper{box-shadow:var(--shadow-lifted)}.note__body{position:relative;z-index:2;width:100%;height:100%;padding:16px 16px 14px;overflow:hidden;color:var(--paper-ink, var(--ink));font-family:var(--note-font, "Caveat", cursive);font-size:calc(25px * var(--font-scale, 1));line-height:1.28;white-space:pre-wrap;word-break:break-word;outline:none;cursor:inherit}.note.is-editing .note__body{cursor:text;-webkit-user-select:text;user-select:text}.note__hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-ink, var(--ink));opacity:.28;pointer-events:none}.note.is-selected:after{content:"";position:absolute;inset:calc(-4px * var(--inv-scale, 1));border:calc(2px * var(--inv-scale, 1)) solid var(--ui-accent);border-radius:calc(3px * var(--inv-scale, 1));pointer-events:none;z-index:5}.note__handle{position:absolute;right:calc(-7px * var(--inv-scale, 1));bottom:calc(-7px * var(--inv-scale, 1));width:calc(14px * var(--inv-scale, 1));height:calc(14px * var(--inv-scale, 1));background:var(--ui-accent);border:calc(2px * var(--inv-scale, 1)) solid #1a1a1a;border-radius:calc(3px * var(--inv-scale, 1));cursor:nwse-resize;touch-action:none;z-index:6}.fastener{position:absolute;left:50%;z-index:4;pointer-events:none;transform-origin:center top}.fastener--pin{top:-9px;width:22px;height:22px}.pin__dome{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / .85),transparent 45%),radial-gradient(circle at 62% 72%,rgb(0 0 0 / .32),transparent 55%),var(--pin-color, #d8412f);box-shadow:var(--shadow-contact)}.pin__needle{position:absolute;left:50%;top:62%;width:3px;height:10px;margin-left:-1.5px;background:linear-gradient(180deg,#9aa0a6,#5c6166);border-radius:0 0 1px 1px}.pin__shadow{position:absolute;left:52%;top:68%;width:16px;height:8px;border-radius:50%;background:rgb(var(--shadow-tint) / .35);filter:blur(3px)}.fastener--tape{top:-13px;width:86px;height:27px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .16) 0 6px,transparent 6px 12px),linear-gradient(180deg,#ece8dab8,#d6d0bea8);box-shadow:var(--shadow-contact);clip-path:polygon(3% 0%,12% 6%,24% 1%,38% 7%,52% 1%,66% 6%,79% 1%,91% 7%,100% 2%,97% 100%,86% 94%,73% 99%,60% 93%,47% 99%,33% 93%,20% 99%,8% 94%,0% 98%)}.fastener--magnet{top:-10px;width:26px;height:26px}.magnet__body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,rgb(255 255 255 / .55),transparent 50%),linear-gradient(160deg,#4a4f57,#23262b);box-shadow:inset 0 0 0 2px #ffffff24,var(--shadow-contact),var(--shadow-ambient)}.color-canary{--paper-base: var(--canary-base);--paper-deep: var(--canary-deep)}.color-mint{--paper-base: var(--mint-base);--paper-deep: var(--mint-deep)}.color-sky{--paper-base: var(--sky-base);--paper-deep: var(--sky-deep)}.color-blush{--paper-base: var(--blush-base);--paper-deep: var(--blush-deep)}.color-coral{--paper-base: var(--coral-base);--paper-deep: var(--coral-deep)}.color-lilac{--paper-base: var(--lilac-base);--paper-deep: var(--lilac-deep)}.color-white{--paper-base: var(--white-base);--paper-deep: var(--white-deep)}.color-kraft{--paper-base: var(--kraft-base);--paper-deep: var(--kraft-deep);--paper-ink: #3a2c1c}.font-caveat{--note-font: "Caveat", cursive;--font-baseline: 1.12}.font-patrick{--note-font: "Patrick Hand", cursive}.font-kalam{--note-font: "Kalam", cursive}.font-architects{--note-font: "Architects Daughter", cursive}.font-caveat .note__body{font-size:calc(28px * var(--font-scale, 1))}.note--sticky .note__paper{background-image:linear-gradient(180deg,rgb(0 0 0 / .07) 0 14%,transparent 14%),linear-gradient(122deg,rgb(255 255 255 / .4),transparent 55%)}.note--index .note__paper{background-image:linear-gradient(180deg,transparent 0 26px,rgb(198 74 74 / .42) 26px 27px,transparent 27px),repeating-linear-gradient(180deg,transparent 0 25px,rgb(80 110 150 / .26) 25px 26px);background-position:0 0,0 27px}.note--notebook .note__paper{background-image:repeating-linear-gradient(180deg,transparent 0 25px,rgb(80 110 150 / .28) 25px 26px);background-position:0 18px;-webkit-mask-image:var(--torn-top);mask-image:var(--torn-top);-webkit-mask-size:100% 100%;mask-size:100% 100%}.note--notebook{--torn-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'%3E%3Cpath d='M0 4 L4 1.5 L9 4.5 L14 1 L19 4 L24 1.8 L29 4.6 L34 1.4 L39 4.2 L44 1.2 L49 4.4 L54 1.6 L59 4 L64 1.3 L69 4.5 L74 1.7 L79 4.2 L84 1.1 L89 4.6 L94 1.5 L100 3.8 L100 100 L0 100 Z' fill='white'/%3E%3C/svg%3E")}.note--notebook .note__body{padding-top:22px}.note--kraft .note__paper{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23f)' opacity='0.28'/%3E%3C/svg%3E"),linear-gradient(122deg,rgb(255 255 255 / .22),transparent 60%)}.note--graph .note__paper{background-image:repeating-linear-gradient(90deg,rgb(90 120 150 / .34) 0 1px,transparent 1px 50px),repeating-linear-gradient(180deg,rgb(90 120 150 / .34) 0 1px,transparent 1px 50px),repeating-linear-gradient(90deg,rgb(90 120 150 / .16) 0 1px,transparent 1px 10px),repeating-linear-gradient(180deg,rgb(90 120 150 / .16) 0 1px,transparent 1px 10px)}.note--scrap .note__paper{-webkit-mask-image:var(--torn-all);mask-image:var(--torn-all);-webkit-mask-size:100% 100%;mask-size:100% 100%;background-image:linear-gradient(122deg,rgb(255 255 255 / .3),transparent 60%)}.note--scrap{--torn-all: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'%3E%3Cpath d='M2.5 3 L12 0.8 L23 3.2 L35 0.6 L47 3 L58 0.9 L70 3.4 L82 1 L93 3.2 L99 6 L97 17 L99.4 29 L96.8 41 L99 53 L97 65 L99.2 77 L96.6 88 L98 96 L88 99.2 L76 96.8 L64 99.4 L52 97 L40 99.2 L28 96.6 L16 99 L5 97 L1 92 L3 80 L0.8 68 L3.2 56 L0.6 44 L3 32 L0.9 20 L2 9 Z' fill='white'/%3E%3C/svg%3E")}.note--shape-round .note__paper{border-radius:50%}.note--shape-round .note__body{padding:15%;display:grid;place-items:center;text-align:center}.note--shape-strip .note__body{display:grid;align-items:center;padding:10px 18px}.note--shape-tag .note__paper{clip-path:polygon(0 8%,50% 0,100% 8%,100% 100%,0 100%)}.note--shape-tag .note__body{padding-top:40px}.note--shape-tag:before{content:"";position:absolute;left:50%;top:16px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:rgb(var(--shadow-tint) / .5);box-shadow:inset 0 1px 2px #00000080;z-index:3}.note--sticky .note__paper,.note--index .note__paper,.note--graph .note__paper{border-radius:1px}.ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:400;pointer-events:none;touch-action:none}.wall.is-inking .ink{pointer-events:auto}.wall.is-inking .note{pointer-events:none}.wall.is-pencil .ink{cursor:crosshair}.wall.is-eraser .ink{cursor:cell}.palette{position:absolute;top:14px;left:16px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:7px;border-radius:12px;background:#2a2522eb;border:1px solid var(--ui-line);box-shadow:0 10px 28px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.palette__tools{display:flex;gap:4px}.palette__tool{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--ui-dim);transition:background .12s ease,color .12s ease}.palette__tool:hover{background:#3f3730;color:var(--ui-text)}.palette__tool.is-active{background:var(--ui-accent);color:#1a1505}.palette__opts{display:flex;flex-direction:column;gap:7px;width:100%;padding-top:7px;border-top:1px solid var(--ui-line)}.palette__colors{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.palette__ink{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;outline:1px solid rgb(255 255 255 / .18);transition:transform .12s ease}.palette__ink:hover{transform:scale(1.12)}.palette__ink.is-active{border-color:var(--ui-accent);outline-color:transparent}.palette__widths{display:flex;gap:4px;justify-content:space-between}.palette__width{display:grid;place-items:center;flex:1;height:26px;border-radius:6px;background:#332c27;border:1px solid var(--ui-line)}.palette__width:hover{background:#3f3730}.palette__width.is-active{border-color:var(--ui-accent);background:#43381f}.palette__width span{display:block;border-radius:50%;outline:1px solid rgb(255 255 255 / .2)}.palette__clear{width:100%;padding:6px 8px;border-radius:6px;border:1px solid #4a2b2b;background:#2b1d1d;color:#ff8f8f;font-size:11px}.palette__clear:hover{background:#3a2424}@media (prefers-reduced-motion: reduce){.palette__ink,.palette__tool{transition:none}}.toolbar{display:flex;align-items:center;gap:18px;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));background:var(--ui-panel);border-bottom:1px solid var(--ui-line);flex-shrink:0;position:relative;z-index:100}.toolbar__brand{display:flex;align-items:center;gap:8px;font-weight:600;letter-spacing:.01em}.brand{display:inline-flex;align-items:baseline;font-size:15px;font-weight:600;letter-spacing:.01em}.brand__acorn{width:.95em;height:.95em;margin:0 .01em;transform:translateY(.13em) rotate(-8deg);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .45))}.toolbar__group{display:flex;align-items:center;gap:6px}.toolbar__spacer{flex:1}.toolbar__select{display:flex;align-items:center;gap:7px;padding:0 10px 0 8px;height:32px;border-radius:var(--radius);border:1px solid var(--ui-line);background:#332c27;transition:background .12s ease,border-color .12s ease}.toolbar__select:hover{background:#3f3730;border-color:#524940}.toolbar__select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--ui-text);font:inherit;font-size:13px;padding-right:14px;cursor:pointer;outline:none;background-image:linear-gradient(45deg,transparent 50%,var(--ui-dim) 50%),linear-gradient(135deg,var(--ui-dim) 50%,transparent 50%);background-position:right 4px center,right 0px center;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.toolbar__select select option{background:#2a2522;color:var(--ui-text)}.toolbar__roomdot{width:15px;height:15px;border-radius:50%;flex-shrink:0;outline:1px solid rgb(255 255 255 / .16);background:linear-gradient(150deg,#2a2521,#1a1714)}.room-dot--auto{background:conic-gradient(from 220deg,#c68f52,#f2f4f5,#2c3a35,#9e5540,#c68f52)}.room-dot--taupe{background:linear-gradient(150deg,#3a332c,#1a1714)}.room-dot--slate{background:linear-gradient(150deg,#38414f,#14171d)}.room-dot--forest{background:linear-gradient(150deg,#2c3d34,#131b17)}.room-dot--plum{background:linear-gradient(150deg,#3d2f47,#19131f)}.room-dot--clay{background:linear-gradient(150deg,#46332c,#1d1512)}.room-dot--ink{background:linear-gradient(150deg,#33333d,#141419)}.room-dot--sand{background:linear-gradient(150deg,#6b5c49,#2f281f)}.toolbar__count{font-size:12px;color:var(--ui-dim);min-width:62px;text-align:right}.swatch{width:26px;height:26px;border-radius:5px;border:2px solid transparent;outline:1px solid var(--ui-line);transition:transform .12s ease,border-color .12s ease}.swatch:hover{transform:translateY(-1px)}.swatch.is-active{border-color:var(--ui-accent)}.swatch--cork{background:radial-gradient(circle at 30% 40%,rgb(120 78 38 / .6) 0 2px,transparent 2px),radial-gradient(circle at 70% 65%,rgb(150 100 52 / .6) 0 3px,transparent 3px),#c68f52;background-size:10px 10px,14px 14px,100% 100%}.swatch--whiteboard{background:linear-gradient(135deg,#fff,#dbe2e6)}.swatch--chalkboard{background:#2c3a35}.swatch--brick{background:repeating-linear-gradient(180deg,transparent 0 6px,rgb(0 0 0 / .25) 6px 7px),repeating-linear-gradient(90deg,#9e5540 0,#9e5540 11px,#cfc6b6 11px,#cfc6b6 12px)}.swatch--wood{background:repeating-linear-gradient(90deg,rgb(0 0 0 / .25) 0 1px,transparent 1px 8px),linear-gradient(180deg,#c08e56,#a5763f)}.swatch--plaster{background:linear-gradient(160deg,#efe9de,#ddd5c6)}.btn{padding:7px 13px;border-radius:var(--radius);border:1px solid var(--ui-line);background:#332c27;color:var(--ui-text);font-size:13px;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:#3f3730;border-color:#524940}.btn:disabled{opacity:.36;cursor:default}.btn--primary{background:var(--ui-accent);border-color:var(--ui-accent);color:#1a1505;font-weight:600}.btn--primary:hover:not(:disabled){background:#ffc53d;border-color:#ffc53d}.btn--danger{width:100%;margin-top:4px;color:#ff8f8f;border-color:#4a2b2b;background:#2b1d1d}.btn--danger:hover{background:#3a2424}.iconbtn{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius);border:1px solid var(--ui-line);background:#332c27;color:var(--ui-dim);transition:background .12s ease,color .12s ease,border-color .12s ease}.iconbtn:hover{background:#3f3730;color:var(--ui-text)}.iconbtn.is-on{color:var(--ui-accent);border-color:#5c4a1e;background:#3a3320}.help{position:relative;display:flex;align-items:center}.help__btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--ui-line);background:#332c27;color:var(--ui-dim);font-size:13px;font-weight:600;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease}.help:hover .help__btn,.help__btn:focus-visible{background:var(--ui-accent);border-color:var(--ui-accent);color:#1a1505}.help__pop{position:absolute;top:calc(100% + 10px);right:0;width:310px;padding:14px 16px;border-radius:10px;background:#2f2926;border:1px solid var(--ui-line);box-shadow:0 16px 40px #0000008c;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s;pointer-events:none}.help:hover .help__pop,.help:focus-within .help__pop{opacity:1;visibility:visible;transform:translateY(0)}.help__pop:before{content:"";position:absolute;top:-5px;right:8px;width:9px;height:9px;background:#2f2926;border-left:1px solid var(--ui-line);border-top:1px solid var(--ui-line);transform:rotate(45deg)}.help__pop h4{margin:0 0 7px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-dim)}.help__pop h4+ul{margin-bottom:14px}.help__pop ul{margin:0;padding:0;list-style:none}.help__pop li{display:flex;align-items:baseline;gap:10px;padding:3px 0;font-size:12px}.help__keys{display:flex;gap:3px;flex-shrink:0;width:92px}.help__action{flex-shrink:0;width:92px;color:var(--ui-text);font-size:11px}.help__label{color:var(--ui-dim);line-height:1.35}.help__note{margin-top:12px;padding-top:10px;border-top:1px solid var(--ui-line);font-size:11px;line-height:1.45;color:var(--ui-dim)}.help__pop kbd{display:inline-block;min-width:19px;padding:2px 5px;border-radius:4px;background:#423931;border:1px solid #524940;border-bottom-width:2px;color:var(--ui-text);font-family:inherit;font-size:10.5px;text-align:center;line-height:1.2}.panel{width:0;flex-shrink:0;overflow:hidden;background:var(--ui-panel);border-left:0 solid var(--ui-line);transition:width .26s cubic-bezier(.4,0,.2,1),border-left-width .26s cubic-bezier(.4,0,.2,1)}.panel.is-open{width:252px;border-left-width:1px}.panel__inner{width:252px;height:100%;overflow-y:auto;padding:14px 16px 18px;display:flex;flex-direction:column;gap:18px}.panel__head{display:flex;align-items:center;justify-content:space-between}.panel__head h2{font-size:13px;font-weight:600;letter-spacing:.04em}.panel__close{width:26px;height:26px;border-radius:6px;font-size:19px;line-height:1;color:var(--ui-dim)}.panel__close:hover{background:#3a332e;color:var(--ui-text)}.panel__section h3{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-dim);margin-bottom:8px}.panel__grid{display:flex;flex-wrap:wrap;gap:6px}.panel__grid--colors{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.chip{padding:6px 10px;border-radius:6px;border:1px solid var(--ui-line);background:#332c27;color:var(--ui-text);font-size:12px;transition:background .12s ease,border-color .12s ease}.chip:hover{background:#3f3730}.chip.is-active{border-color:var(--ui-accent);background:#43381f}.chip--color{width:100%;aspect-ratio:1;padding:0;border-radius:4px;background:var(--paper-base)}.chip--color.is-active{border-color:var(--ui-accent);box-shadow:0 0 0 2px #f0b4294d}.panel__slider{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:12px;color:var(--ui-dim)}.panel__slider input{flex:1;accent-color:var(--ui-accent)}.panel__tilt{display:flex;align-items:center;gap:6px}.panel__tiltvalue{font-size:12px;color:var(--ui-dim);min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.menu{position:fixed;z-index:4000;min-width:168px;padding:5px;border-radius:var(--radius);background:#332c27;border:1px solid var(--ui-line);box-shadow:0 12px 32px #00000080}.menu button{display:block;width:100%;padding:8px 11px;border-radius:5px;text-align:left;font-size:13px;color:var(--ui-text)}.menu button:hover{background:#423931}.menu hr{margin:5px 8px;border:none;border-top:1px solid var(--ui-line)}.menu__danger{color:#ff8f8f}.swpill{position:fixed;left:calc(16px + env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom));z-index:6000;display:flex;align-items:center;gap:10px;padding:9px 10px 9px 15px;border-radius:999px;background:#2a2522f5;border:1px solid var(--ui-line);box-shadow:0 12px 30px #00000080;color:var(--ui-text);font-size:12.5px;animation:toast-in .2s ease-out}.swpill__go{padding:5px 12px;border-radius:999px;background:var(--ui-accent);color:#1a1505;font-size:12px;font-weight:600}.swpill__x{width:20px;height:20px;border-radius:50%;color:var(--ui-dim);font-size:16px;line-height:1}.swpill__x:hover{background:#423931;color:var(--ui-text)}@media (max-width: 900px){.toolbar{gap:10px;flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.panel,.frame,.stage,.room__glow{transition:none}}