.webpora-editor pre:has(>.riwer-draw),.webpora-editor pre:has(>.riwer-draw-live){position:relative;padding:0;overflow:hidden;white-space:normal;background:transparent!important;border:1px solid var(--border-color);border-radius:12px}.webpora-editor pre:has(>.riwer-draw):not([data-open])>code,.webpora-editor pre:has(>.riwer-draw-live):not([data-open])>code{display:none}.webpora-editor pre[data-open]:has(>.riwer-draw){display:flex;flex-direction:column}.webpora-editor pre[data-open]>.riwer-draw{order:-1}.webpora-editor pre[data-open]:has(>.riwer-draw)>code{max-height:320px;overflow:auto;padding:.8rem 1rem;border-top:1px solid var(--border-color);font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.riwer-draw{display:block;line-height:0;cursor:pointer}.riwer-draw>svg{display:block;width:100%;height:auto}.riwer-draw[data-stale]{opacity:.4}.webpora-editor pre[data-drawing]:not([data-picked]):not([data-open]){width:var(--draw-w,auto);max-width:100%}.webpora-editor pre[data-drawing][data-align=center]:not([data-picked]):not([data-open]){margin-left:auto;margin-right:auto}.webpora-editor pre[data-drawing][data-align=right]:not([data-picked]):not([data-open]){margin-left:auto;margin-right:0}.draw-embed{position:fixed;left:0;top:0;z-index:60;border-radius:12px;box-shadow:0 0 0 2px var(--bg-accent);pointer-events:none}.draw-embed__bar{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-panel);box-shadow:0 6px 20px rgba(0,0,0,.12);pointer-events:auto;white-space:nowrap}.draw-embed__bar button{display:inline-flex;align-items:center;gap:4px;height:26px;min-width:26px;justify-content:center;padding:0 6px;border:0;border-radius:7px;background:none;color:var(--text-soft,var(--text-main));font:600 12px/1 var(--font-body,inherit);cursor:pointer}.draw-embed__bar button:hover{background:var(--bg-hover);color:var(--text-main)}.draw-embed__bar button[aria-pressed=true]{background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-embed__bar .draw-embed__edit{padding:0 9px;background:var(--bg-accent);color:#fff}.draw-embed__bar .draw-embed__edit:hover{background:var(--bg-accent-hover,var(--bg-accent));color:#fff}.draw-embed__sep{align-self:stretch;width:1px;margin:3px 2px;background:var(--border-color)}.draw-embed__size{padding:0 6px;color:var(--text-muted);font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.draw-embed__handle{position:absolute;bottom:-6px;width:12px;height:12px;border:2px solid var(--bg-accent);border-radius:3px;background:#fff;pointer-events:auto;touch-action:none}.draw-embed__handle--left{left:-6px;cursor:nesw-resize}.draw-embed__handle--right{right:-6px;cursor:nwse-resize}.draw-embed__drop{position:fixed;left:0;top:0;z-index:61;height:2px;border-radius:1px;background:var(--bg-accent);pointer-events:none}.webpora-editor pre[data-drawing=view] .riwer-draw{cursor:default}.webpora-editor pre[data-drawing=edit]:not([data-picked]):hover{border-color:color-mix(in srgb,var(--bg-accent) 45%,var(--border-color))}.webpora-editor pre[data-picked]>.riwer-draw{display:none}.webpora-editor pre[data-picked]{border-color:var(--bg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--bg-accent) 18%,transparent)}.riwer-draw-live{display:block;line-height:normal;white-space:normal;font-family:var(--font-body);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-board{flex-direction:column;outline:none}.draw-board,.draw-board__bar{display:flex;background:var(--bg-panel)}.draw-board__bar{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border-color)}.draw-board__modes{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:color-mix(in srgb,var(--text-main) 6%,transparent)}.draw-board__modes button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--text-soft);font:inherit;font-weight:600;cursor:pointer}.draw-board__modes button[aria-checked=true]{background:var(--bg-panel);color:var(--text-main);box-shadow:0 1px 3px rgba(0,0,0,.12)}.draw-board__tools{display:inline-flex;align-items:center;gap:2px}.draw-board__tools button{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--text-soft);font:inherit;cursor:pointer}.draw-board__tools button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main)}.draw-board__tools button[aria-pressed=true]{background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-board__tools button:disabled{opacity:.35;cursor:default}.draw-board__zoom{font-size:11.5px;font-variant-numeric:tabular-nums}.draw-board__tools .draw-board__done{display:inline-flex;gap:5px;margin-left:4px;padding:0 12px;background:var(--text-main);color:var(--bg-app);font-weight:600}.draw-board__tools .draw-board__done:hover:not(:disabled){background:var(--text-main);color:var(--bg-app);opacity:.85}.draw-board__spacer{flex:1}.draw-board__view{position:relative;overflow:auto;overscroll-behavior:contain;background:color-mix(in srgb,var(--text-main) 4%,var(--bg-app))}.draw-board__paper{position:relative;margin:0 auto;background:var(--bg-panel);box-shadow:0 1px 4px rgba(0,0,0,.08)}.draw-board__paper[data-transparent]{background:color-mix(in srgb,var(--text-main) 2%,var(--bg-panel))}.draw-board__art,.draw-board__over{position:absolute;inset:0;display:block;width:100%;height:100%}.draw-board__over{touch-action:none;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-board__over--select{cursor:default}.draw-board__over--erase{cursor:none}.draw-board__close,.draw-board__live{pointer-events:none}.draw-board__close{fill:color-mix(in srgb,var(--bg-accent) 16%,transparent);stroke:var(--bg-accent)}.draw-board__grid line{stroke:color-mix(in srgb,var(--bg-accent) 14%,transparent)}.draw-board__axis{stroke:color-mix(in srgb,var(--bg-accent) 55%,transparent)}.draw-board__pen line,.draw-board__pen path,.draw-board__pen rect{stroke:var(--bg-accent)}.draw-board__pen rect{fill:#fff}.draw-board__pen rect.draw-board__first{fill:var(--bg-accent)}.draw-board__select .draw-board__frame{fill:none;stroke:var(--bg-accent)}.draw-board__select .draw-board__words{fill:none;stroke:var(--bg-accent);stroke-opacity:.55;pointer-events:none}.draw-board__select .draw-board__corner{fill:#fff;stroke:var(--bg-accent)}.draw-board__hint{pointer-events:none}.draw-board__hint path{fill:none;stroke:var(--bg-accent);stroke-linecap:round}.draw-board__hint .draw-board__hint-head{fill:var(--bg-accent);stroke:none}.draw-board__hint--slant{fill:var(--bg-accent);stroke:#fff}.draw-board__orbit{cursor:pointer}.draw-board__orbit>circle:first-of-type{fill:#fff;stroke:var(--bg-accent)}.draw-board__orbit .draw-board__orbit-ball,.draw-board__orbit ellipse{fill:none;stroke:var(--bg-accent)}.draw-board__orbit[data-on]>circle:first-of-type{fill:var(--bg-accent)}.draw-board__orbit[data-on] .draw-board__orbit-ball,.draw-board__orbit[data-on] ellipse{stroke:#fff}.draw-board__nodes .draw-board__spine,.draw-board__nodes line{stroke:var(--bg-accent)}.draw-board__nodes circle,.draw-board__nodes rect{fill:#fff;stroke:var(--bg-accent)}.draw-board__cutters path{stroke:var(--bg-accent);opacity:.55}.draw-board__cutters path[data-on]{opacity:1}.draw-board__mirror-line{stroke:var(--bg-accent);opacity:.7}.draw-panel__sizes{display:flex;align-items:flex-end;gap:8px;padding:8px;border-radius:10px;overflow-x:auto}.draw-panel__sizes[data-ground=light]{background:#ffffff;box-shadow:inset 0 0 0 1px var(--border-color)}.draw-panel__sizes[data-ground=dark]{background:#1c1c1e}.draw-panel__size-at{display:grid;justify-items:center;gap:3px;margin:0}.draw-panel__size-at img{display:block}.draw-panel__size-at figcaption{color:#8a8a8e;font:600 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.draw-panel__sizes[data-ground=dark] img{filter:invert(1) hue-rotate(180deg)}.draw-panel__presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.draw-panel__preset{display:grid;justify-items:center;align-content:center;gap:3px;min-height:58px;padding:6px 2px;background:none;font:inherit;font-size:.68rem}.draw-panel__mods{display:grid;gap:4px;margin:0 0 8px;padding:0;list-style:none}.draw-panel__mod{border:1px solid var(--border-color);border-radius:9px}.draw-panel__mod[data-open]{border-color:color-mix(in srgb,var(--bg-accent) 45%,var(--border-color))}.draw-panel__mod[data-off] .draw-panel__mod-name{color:var(--text-muted);text-decoration:line-through}.draw-panel__mod-head{display:flex;align-items:center;gap:2px;padding:3px 4px}.draw-panel__mod-name{display:inline-flex;flex:1;align-items:center;gap:4px;min-width:0;padding:4px;border:0;background:none;color:var(--text-main);font:inherit;font-size:.8rem;font-weight:600;text-align:left;cursor:pointer}.draw-panel__mod-body{display:grid;gap:4px;padding:2px 8px 8px}.draw-panel__mod-add{display:flex;flex-wrap:wrap;gap:4px}.draw-panel__chip{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 9px;border:1px solid var(--border-color);border-radius:999px;background:none;color:var(--text-main);font:inherit;font-size:.74rem;cursor:pointer}.draw-panel__chip:hover{border-color:var(--bg-accent);color:var(--bg-accent)}.draw-panel__ramp{position:relative;height:20px;margin:4px 7px 10px;border-radius:10px;border:1px solid var(--border-color);cursor:copy}.draw-panel__stop{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.35);cursor:grab;touch-action:none}.draw-panel__stop[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-accent)}.draw-panel__looks{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 4px}.draw-panel__look{width:28px;height:18px;padding:0;border-radius:9px;border:1px solid var(--border-color);cursor:pointer}.draw-panel__look:hover{border-color:var(--bg-accent)}.draw-panel__dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--border-color);flex:none}.draw-board__mod-ring{fill:color-mix(in srgb,var(--bg-accent) 6%,transparent);stroke:var(--bg-accent)}.draw-board__mod-dot{fill:var(--bg-accent);stroke:#fff}.draw-board__mod[data-envelope] .draw-board__mod-ring{fill:none}.draw-board__crossing{fill:#fff;stroke:var(--bg-accent);cursor:pointer}.draw-board__crossing[data-over=a]{fill:var(--bg-accent)}.draw-board__strip-point{fill:#fff;stroke:var(--bg-accent);cursor:move}.draw-board__fold{cursor:move}.draw-panel__preset[aria-checked=true]{background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-board__marquee{fill:color-mix(in srgb,var(--bg-accent) 10%,transparent);stroke:var(--bg-accent)}.draw-board__eraser{fill:color-mix(in srgb,var(--text-main) 6%,transparent);stroke:var(--text-main);pointer-events:none}.draw-panel__head{cursor:default}.draw-panel__step{grid-column:2/-1;margin-top:-.45rem;color:var(--bg-accent);font-size:.7rem;line-height:1.2}.draw-panel__value{display:grid;min-width:2.6rem;color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.draw-panel__value>*{grid-area:1/1}.draw-panel__value>span{align-self:center;padding:0 .25rem;pointer-events:none}.draw-panel__value:focus-within>span{visibility:hidden}.draw-panel__value>.draw-panel__number{box-sizing:border-box;width:100%;min-width:0;height:auto;min-height:1.4rem;margin:0;padding:0 .25rem;border:0;border-radius:5px;background:none;color:transparent;font:inherit;text-align:right;cursor:text}.draw-panel__value>.draw-panel__number:hover{background:var(--bg-hover)}.draw-panel__value>.draw-panel__number:focus{outline:none;color:var(--text-main);background:var(--bg-panel);box-shadow:0 0 0 1.5px var(--bg-accent)}.draw-panel__modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.draw-panel__board,.draw-panel__brush,.draw-panel__modes button{border:1px solid var(--border-color);background:none;color:var(--text-main);font:inherit;cursor:pointer;transition:background-color .15s,border-color .15s}.draw-panel__modes button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;color:var(--text-soft);font-size:.78rem;font-weight:600}.draw-panel__brush[aria-pressed=true],.draw-panel__modes button[aria-checked=true]{border-color:var(--bg-accent);background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-panel__brushes-group{grid-column:1/-1;margin-top:2px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.draw-panel__boards,.draw-panel__brushes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:6px}.draw-panel__brush{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border-radius:9px;text-align:left}.draw-panel__brush-icon{flex:none;margin-bottom:2px;color:var(--text-muted)}.draw-panel__brush[aria-pressed=true] .draw-panel__brush-icon{color:inherit}.draw-panel__brush-name{font-size:.8rem;font-weight:600}.draw-panel__head-icon{flex:none;color:var(--text-muted)}.draw-panel__brush-blurb{color:var(--text-muted);font-size:.7rem}.draw-panel__brush[aria-pressed=true] .draw-panel__brush-blurb{color:inherit;opacity:.75}.draw-panel__presets{display:flex;gap:6px;margin:0 -2px 8px;padding:2px 2px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.draw-panel__preset{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:96px;padding:6px 6px 7px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-panel);color:var(--text-main);scroll-snap-align:start;cursor:pointer}.draw-panel__preset:hover{background:var(--bg-hover)}.draw-panel__preset[aria-checked=true]{border-color:var(--bg-accent);box-shadow:inset 0 0 0 1px var(--bg-accent)}.draw-panel__preset:focus-visible{outline:2px solid var(--bg-accent);outline-offset:1px}.draw-panel__preset-stroke{display:block;width:100%;height:36px;border-radius:6px;background:#fffefb}.draw-panel__preset-name{font-size:.72rem;font-weight:600;line-height:1.2;text-align:left}.draw-panel__board{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px}.draw-panel__board:hover,.draw-panel__brush:hover,.draw-panel__modes button:hover{background:var(--bg-hover)}.draw-panel__choice{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.draw-panel__modes--two{grid-template-columns:repeat(2,minmax(0,1fr))}.draw-canvas[data-outline] .draw-board__art [data-k],.draw-canvas[data-outline] .draw-board__art [data-k] *{fill:none!important;stroke:var(--text-main)!important;stroke-width:1px!important;vector-effect:non-scaling-stroke;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}.draw-canvas[data-outline] .draw-board__art image[data-k]{opacity:.25!important}.draw-panel__board[aria-pressed=true]{border-color:var(--bg-accent)}.draw-panel__boards--small .draw-panel__board{padding:6px}.draw-panel__board-shape{display:block;border:1.5px solid;border-radius:3px;color:var(--text-muted)}.draw-panel__board-name{font-size:.78rem;font-weight:600}.draw-panel__board-size{color:var(--text-muted);font-size:.68rem;font-variant-numeric:tabular-nums}.draw-panel__aside{display:flex;gap:5px;margin:2px 0 6px;color:var(--text-muted);font-size:.74rem;line-height:1.45}.draw-panel__mode-note{display:flex;align-items:flex-start;gap:6px;margin:0 0 8px;color:var(--text-soft);font-size:.76rem;line-height:1.45}.draw-panel__mode-note svg{flex-shrink:0;margin-top:2px}.draw-panel__combine,.draw-panel__row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.draw-panel__combine .bento-panel__action,.draw-panel__row .bento-panel__action{flex:1;gap:5px;white-space:nowrap}.draw-panel__combine .bento-panel__action{flex:1 1 45%}.draw-panel__toggle{gap:6px;margin-bottom:6px}.draw-panel__toggle[aria-pressed=true]{background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-panel__delete{gap:6px;margin-top:10px;color:#d93f3c}.draw-panel .bento-panel__action:disabled{opacity:.45;cursor:default}.draw-file{position:relative;height:100%;min-height:420px;overflow:hidden;outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:color-mix(in srgb,var(--text-main) 4%,var(--bg-app));font-family:var(--font-body)}.draw-file__view{position:absolute;inset:0;overflow:hidden;touch-action:none;overscroll-behavior:contain;cursor:default}.draw-file[data-tool=hand] .draw-file__view{cursor:grab}.draw-file[data-tool=hand] .draw-file__view:active{cursor:grabbing}.draw-file[data-tool=frame] .draw-file__view{cursor:crosshair}.draw-file[data-tool=frame] .draw-canvas,.draw-file[data-tool=frame] .draw-frame__label,.draw-file[data-tool=hand] .draw-canvas,.draw-file[data-tool=hand] .draw-frame__label{pointer-events:none}.draw-file__world{position:absolute;left:0;top:0;transform-origin:0 0;--z:1}.draw-file__world--moving{will-change:transform}.draw-frame{position:absolute}.draw-frame__label{position:absolute;left:0;bottom:100%;max-width:100%;padding-bottom:calc(6px / var(--z));overflow:hidden;color:var(--text-soft);font-size:calc(12px / var(--z));font-weight:600;line-height:1.3;white-space:nowrap;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-frame[data-active] .draw-frame__label,.draw-frame[data-selected] .draw-frame__label{color:var(--bg-accent)}.draw-frame__rename{width:calc(220px / var(--z));padding:calc(1px / var(--z)) calc(4px / var(--z));border:calc(1px / var(--z)) solid var(--bg-accent);border-radius:calc(5px / var(--z));background:var(--bg-panel);color:var(--text-main);font:inherit;outline:none}.draw-frame__card{position:absolute;inset:0;overflow:hidden;border-radius:var(--river-card-radius,18px);background:var(--bg-panel);box-shadow:0 4px 20px rgba(0,0,0,.05),0 0 0 calc(1px / var(--z)) var(--river-card-border,rgba(0,0,0,.07));transition:box-shadow .3s cubic-bezier(.2,0,.2,1)}.draw-frame__card[data-transparent]{background:color-mix(in srgb,var(--text-main) 2%,var(--bg-panel))}.draw-frame:hover .draw-frame__card{box-shadow:0 12px 40px rgba(0,0,0,.08),0 0 0 calc(1px / var(--z)) color-mix(in srgb,var(--text-main) 18%,transparent)}.draw-frame[data-active] .draw-frame__card{box-shadow:0 12px 40px rgba(0,0,0,.08),0 0 0 calc(1.5px / var(--z)) color-mix(in srgb,var(--bg-accent) 55%,transparent)}.draw-file__world--moving .draw-frame__card{transition:none}.draw-canvas,.draw-frame__content{position:absolute}.draw-canvas{inset:0;container-type:inline-size}.draw-canvas__corner{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none}.draw-canvas__corner[data-at=right]{left:100%}.draw-canvas__corner[data-at=bottom]{top:100%}.draw-frame[data-selected]:after{content:"";position:absolute;inset:calc(-4px / var(--z));border:calc(2px / var(--z)) solid var(--bg-accent);border-radius:calc(var(--river-card-radius, 18px) + 4px / var(--z));pointer-events:none}.draw-frame__grab{position:absolute;inset:0;cursor:move}.draw-frame__edge{position:absolute;z-index:1;--band:calc(10px / var(--z))}.draw-frame__edge--n,.draw-frame__edge--s{left:0;right:0;height:var(--band)}.draw-frame__edge--e,.draw-frame__edge--w{top:0;bottom:0;width:var(--band)}.draw-frame__edge--n{top:calc(var(--band) / -2)}.draw-frame__edge--s{bottom:calc(var(--band) / -2)}.draw-frame__edge--w{left:calc(var(--band) / -2)}.draw-frame__edge--e{right:calc(var(--band) / -2)}.draw-file[data-tool=draw] .draw-frame__edge,.draw-file[data-tool=frame] .draw-frame__edge,.draw-file[data-tool=hand] .draw-frame__edge{pointer-events:none}.draw-frame:has(>.draw-frame__edge:hover):not([data-selected]) .draw-frame__card{box-shadow:0 12px 40px rgba(0,0,0,.08),0 0 0 calc(1.5px / var(--z)) var(--bg-accent)}.draw-frame__handle{position:absolute;z-index:2;width:calc(10px / var(--z));height:calc(10px / var(--z));margin:calc(-5px / var(--z)) 0 0 calc(-5px / var(--z));border:calc(1.5px / var(--z)) solid var(--bg-accent);border-radius:calc(3px / var(--z));background:#fff}.draw-frame__handle--nw{left:0;top:0;cursor:nwse-resize}.draw-frame__handle--n{left:50%;top:0;cursor:ns-resize}.draw-frame__handle--ne{left:100%;top:0;cursor:nesw-resize}.draw-frame__handle--e{left:100%;top:50%;cursor:ew-resize}.draw-frame__handle--se{left:100%;top:100%;cursor:nwse-resize}.draw-frame__handle--s{left:50%;top:100%;cursor:ns-resize}.draw-frame__handle--sw{left:0;top:100%;cursor:nesw-resize}.draw-frame__handle--w{left:0;top:50%;cursor:ew-resize}.draw-frame__handle--ne,.draw-frame__handle--nw,.draw-frame__handle--se,.draw-frame__handle--sw{border-radius:50%}.draw-frame__size{position:absolute;left:50%;top:100%;margin-top:calc(10px / var(--z));padding:calc(3px / var(--z)) calc(8px / var(--z));transform:translateX(-50%);border-radius:calc(6px / var(--z));background:var(--bg-accent);color:#fff;font-size:calc(11px / var(--z));font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.draw-file__marquee{position:absolute;border:calc(1px / var(--z)) solid var(--bg-accent);background:color-mix(in srgb,var(--bg-accent) 10%,transparent);pointer-events:none}.draw-file__marquee--frame{border-radius:var(--river-card-radius,18px);background:color-mix(in srgb,var(--bg-panel) 70%,transparent)}.draw-file__toolbar,.draw-file__zoom{position:absolute;bottom:16px;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);box-shadow:0 8px 28px rgba(0,0,0,.1);font-size:12px}.draw-file{container-type:inline-size}.draw-file__toolbar{top:12px;bottom:auto;align-content:flex-start;left:12px;right:12px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);margin:0 auto;flex-wrap:wrap;justify-content:center;white-space:nowrap}.draw-file__toolbar .draw-board__modes button{padding:0 8px}.draw-scene{position:absolute;bottom:16px;left:12px;right:12px;z-index:3;display:flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);margin:0 auto;padding:6px 8px;overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);box-shadow:0 8px 28px rgba(0,0,0,.1);scrollbar-width:none}.draw-scene::-webkit-scrollbar{display:none}.draw-scene__title{flex:none;padding:0 4px 0 2px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.draw-scene__empty{flex:none;font-size:11px;color:var(--text-muted);white-space:nowrap}.draw-scene__rule{flex:none;width:1px;height:18px;margin:0 4px;background:var(--border-color)}.draw-scene__one{position:relative;flex:none;display:inline-grid}.draw-colour-dot{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.draw-scene__swatch{position:relative;display:inline-grid;place-items:center;flex:none;width:20px;height:20px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);color:var(--text-muted);cursor:pointer;transition:transform .12s}.draw-scene__swatch:hover{transform:scale(1.12)}.draw-scene__swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 2px var(--bg-panel),0 0 0 3.5px var(--bg-accent)}.draw-scene__swatch--any{background:var(--pp-fill,var(--bg-hover));overflow:hidden}.draw-scene__swatch--any input{position:absolute;inset:0;opacity:0;cursor:pointer}.draw-scene__drop{position:absolute;top:-5px;right:-5px;display:none;place-items:center;width:13px;height:13px;padding:0;border:0;border-radius:50%;background:var(--text-main);color:var(--bg-panel);cursor:pointer}.draw-scene__drop:focus-visible,.draw-scene__one:hover .draw-scene__drop{display:inline-grid}.draw-scene__pipette{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;margin-left:2px;padding:0;border:0;border-radius:7px;background:none;color:var(--text-muted);cursor:pointer}.draw-scene__pipette:hover{background:var(--bg-hover);color:var(--text-main)}@container (max-width: 760px){.draw-scene{bottom:60px}}.draw-file__zoom{top:12px;right:12px;bottom:auto;gap:2px;padding:3px;box-shadow:0 4px 16px rgba(0,0,0,.07)}.draw-file__toolbar{left:168px;right:168px}@container (max-width: 1040px){.draw-file__zoom{top:auto;bottom:12px}.draw-file__toolbar{left:12px;right:12px}}.draw-file__zoom button{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:0;border-radius:8px;background:none;color:var(--text-soft);font:inherit;cursor:pointer}.draw-file__zoom button:hover{background:var(--bg-hover);color:var(--text-main)}.draw-file__percent{font-variant-numeric:tabular-nums}.draw-file__divider{width:1px;align-self:stretch;margin:4px 2px;background:var(--border-color)}.draw-free{position:absolute}.draw-free,.draw-free .draw-board__over{pointer-events:none}.draw-free .draw-board__type{pointer-events:auto}.draw-file input{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(.draw-file__view,.draw-grid-swatch){--grid-dot:color-mix(in srgb,var(--text-main) 28%,transparent);--grid-fine:color-mix(in srgb,var(--text-main) 22%,transparent);--grid-line:color-mix(in srgb,var(--text-main) 10%,transparent);--grid-major:color-mix(in srgb,var(--text-main) 20%,transparent)}.draw-grid-swatch{--grid-step:12px;--grid-x:0px;--grid-y:0px;--grid-ox:0px;--grid-oy:0px;--grid-iy:0px;display:block;width:100%;height:46px;border-radius:8px;background-color:var(--bg-app,var(--bg-panel));box-shadow:inset 0 0 0 1px var(--border-color)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=dots]{background-image:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 1.5px);background-size:var(--grid-step) var(--grid-step);background-position:var(--grid-x) var(--grid-y)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=fine]{background-image:radial-gradient(circle at .75px .75px,var(--grid-fine) .75px,transparent 1.15px);background-size:calc(var(--grid-step) / 2) calc(var(--grid-step) / 2);background-position:var(--grid-x) var(--grid-y)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=lines]{background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-step) var(--grid-step);background-position:var(--grid-x) var(--grid-y)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=graph]{background-image:linear-gradient(to right,var(--grid-major) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-major) 1px,transparent 1px),linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:calc(var(--grid-step) * 4) calc(var(--grid-step) * 4),calc(var(--grid-step) * 4) calc(var(--grid-step) * 4),var(--grid-step) var(--grid-step),var(--grid-step) var(--grid-step);background-position:var(--grid-ox) var(--grid-oy),var(--grid-ox) var(--grid-oy),var(--grid-x) var(--grid-y),var(--grid-x) var(--grid-y)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=cross]{background-image:conic-gradient(from 270deg at 9px 1px,var(--grid-dot) 90deg,transparent 0),conic-gradient(from 270deg at 1px 9px,var(--grid-dot) 90deg,transparent 0);background-size:calc(var(--grid-step) * 2) calc(var(--grid-step) * 2);background-position:calc(var(--grid-ox) - 4px) var(--grid-oy),var(--grid-ox) calc(var(--grid-oy) - 4px)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=rules]{background-image:linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-step) var(--grid-step);background-position:var(--grid-x) var(--grid-y)}:is(.draw-file__view,.draw-grid-swatch)[data-grid=iso]{background-image:radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 1.5px),radial-gradient(circle at 1px 1px,var(--grid-dot) 1px,transparent 1.5px);background-size:var(--grid-step) calc(var(--grid-step) * 1.7320508);background-position:var(--grid-ox) var(--grid-iy),calc(var(--grid-ox) + var(--grid-step) / 2) calc(var(--grid-iy) + var(--grid-step) * .8660254)}.draw-pro{pointer-events:none}.draw-pro__line,.draw-pro__pair{stroke:var(--bg-accent)}.draw-pro__pair{fill:none;stroke-opacity:.55}.draw-pro__gap line{stroke:var(--bg-accent)}.draw-pro__pill{fill:var(--bg-accent)}.draw-pro__label{fill:#fff;font-family:inherit;font-weight:600}.draw-pro__gap--muted{opacity:.5}.draw-pro__touch{fill:#fff;stroke:var(--bg-accent)}.draw-pro__thin{fill:var(--draw-small-thin);fill-opacity:.45}.draw-pro__shut{fill:var(--draw-small-shut);fill-opacity:.5}:root{--draw-small-thin:#e5484d;--draw-small-shut:#f59e0b}:root[data-theme=dark]{--draw-small-thin:#ff6369;--draw-small-shut:#ffb224}.draw-panel__sub{display:block;margin:4px 0 -2px;color:var(--text-muted,#8a8a8e);font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.draw-panel__pixels{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.draw-panel__pixels figure{margin:0;padding:6px;border-radius:10px}.draw-panel__pixels figure[data-ground=light]{background:#ffffff;box-shadow:inset 0 0 0 1px var(--border-color)}.draw-panel__pixels figure[data-ground=dark]{background:#1c1c1e}.draw-panel__pixels canvas{display:block;width:96px;height:96px;image-rendering:pixelated}.draw-panel__pixels figure[data-ground=dark] canvas{filter:invert(1) hue-rotate(180deg)}.draw-panel__pixels .draw-panel__aside{flex-basis:100%;margin:0}.draw-panel__checks{display:flex;flex-wrap:wrap;gap:6px}.draw-panel__check{padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.draw-panel__check--thin{background:color-mix(in srgb,var(--draw-small-thin) 16%,transparent);color:var(--draw-small-thin)}.draw-panel__check--shut{background:color-mix(in srgb,var(--draw-small-shut) 18%,transparent);color:color-mix(in srgb,var(--draw-small-shut) 70%,#000)}.draw-panel__fix{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:12px}.draw-panel__fix-name{min-width:0;padding:0;overflow:hidden;border:0;background:none;color:inherit;font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.draw-panel__fix-name:hover{color:var(--bg-accent)}.draw-panel__fix-value{color:var(--text-muted,#8a8a8e);font-variant-numeric:tabular-nums}.draw-panel__fix-go{padding:4px 10px;font-size:12px}.draw-file__gap{position:absolute;pointer-events:none;border:0 solid var(--bg-accent)}.draw-file__gap--x{height:calc(8px / var(--z));margin-top:calc(-4px / var(--z));border-left-width:calc(1px / var(--z));border-right-width:calc(1px / var(--z));background:linear-gradient(var(--bg-accent),var(--bg-accent)) 50% /100% calc(1px / var(--z)) no-repeat}.draw-file__gap--y{width:calc(8px / var(--z));margin-left:calc(-4px / var(--z));border-top-width:calc(1px / var(--z));border-bottom-width:calc(1px / var(--z));background:linear-gradient(var(--bg-accent),var(--bg-accent)) 50% /calc(1px / var(--z)) 100% no-repeat}.draw-file__gap--muted{opacity:.5}.draw-file__gap-label{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(8px / var(--z)));padding:calc(2px / var(--z)) calc(6px / var(--z));border-radius:calc(4px / var(--z));background:var(--bg-accent);color:#fff;font-size:calc(11px / var(--z));font-weight:600;line-height:1.2;white-space:nowrap}.draw-file__gap--y .draw-file__gap-label{transform:translate(calc(8px / var(--z)),-50%);left:100%}.draw-file__guide{position:absolute;background:var(--bg-accent);pointer-events:none}.draw-file__guide--x{width:calc(1px / var(--z))}.draw-file__guide--y{height:calc(1px / var(--z))}.draw-frame:has(.draw-canvas[data-moving]){z-index:3}.draw-frame:has(.draw-canvas[data-moving]) .draw-frame__card{overflow:visible}.draw-canvas[data-moving] svg{overflow:visible}.draw-file__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);pointer-events:none}.draw-file__empty button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-panel);color:var(--text-main);font:inherit;font-weight:600;cursor:pointer;pointer-events:auto}@media (max-width:640px){.draw-file__zoom{display:none}.draw-file__toolbar{top:10px}.draw-file__toolbar .draw-board__modes span{display:none}}.editor-content-wrapper--drawing{overflow:hidden}.editor-content-wrapper--drawing>.draw-file{flex:1;height:auto;min-height:0}.draw-panel__thumb{display:block;width:100%;height:92px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.draw-panel__board-objects+.draw-panel__board-objects{margin-top:6px}.draw-panel__board-head{display:flex;align-items:center;gap:6px;width:100%;padding:4px 2px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:var(--text-main);text-align:left;cursor:pointer}.draw-panel__board-head:hover{color:var(--bg-accent)}.draw-panel__board-count{margin-left:auto;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.draw-panel__frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0}.draw-panel__frame{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:6px;border:1px solid transparent;border-radius:10px;background:none;color:var(--text-main);font:inherit;text-align:left;cursor:grab}.draw-panel__frame:hover{background:var(--bg-hover)}.draw-panel__frame[aria-pressed=true]{border-color:var(--bg-accent);background:var(--bg-accent-soft)}.draw-panel__frame:active{cursor:grabbing}.draw-panel__frame-name{overflow:hidden;font-size:.74rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.draw-panel__files{margin:0;padding:0;list-style:none}.draw-panel__file+.draw-panel__file{border-top:1px solid var(--border-color)}.draw-panel__file-head{display:flex;align-items:center;gap:2px}.draw-panel__file-name{display:flex;flex:1;min-width:0;align-items:center;gap:6px;padding:8px 4px;border:0;background:none;color:var(--text-main);font:inherit;font-size:.82rem;font-weight:600;text-align:left;cursor:pointer}.draw-panel__file-name span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.draw-panel__icon{display:inline-grid;flex-shrink:0;place-items:center;width:26px;height:26px;border:0;border-radius:7px;background:none;color:var(--text-soft);cursor:pointer}.draw-panel__icon:hover{background:var(--bg-hover);color:var(--text-main)}.draw-panel__icon[aria-pressed=true]{color:var(--bg-accent)}.draw-panel__size{display:flex;align-items:center;gap:6px;margin-bottom:8px}.draw-panel__size label{display:flex;flex:1;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel)}.draw-panel__size label span{color:var(--text-muted);font-size:.72rem;font-weight:600}.draw-panel__name input,.draw-panel__size input{height:30px;font:inherit;font-size:.82rem;font-variant-numeric:tabular-nums}.draw-panel__name input,.draw-panel__name textarea,.draw-panel__size input{width:100%;min-width:0;border:0;background:none;color:var(--text-main);outline:none}.draw-panel__name textarea{display:block;padding:6px 0;font:inherit;font-size:.82rem;line-height:1.35;white-space:pre;resize:none}.draw-panel__name{display:block;margin-bottom:6px;padding:0 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel)}.draw-panel__name:focus-within,.draw-panel__size label:focus-within{border-color:var(--bg-accent)}.draw-panel__steps{display:flex;gap:4px;margin:6px 0 8px}.draw-panel__steps .bento-panel__action{flex:1;padding-left:0;padding-right:0;font-variant-numeric:tabular-nums}.draw-panel__danger{color:#d93f3c}.draw-panel__note{margin:2px 0 8px;color:var(--text-muted);font-size:.74rem;line-height:1.45}.draw-panel__note b{color:var(--text-main);font-weight:600}.draw-bar{position:fixed;left:0;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:min(640px,calc(100vw - 16px));padding:4px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);box-shadow:0 10px 32px rgba(0,0,0,.14);color:var(--text-soft);font-family:var(--font-body);font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-bar__group{display:inline-flex;align-items:center;gap:2px}.draw-bar__group+.draw-bar__group{padding-left:4px;border-left:1px solid var(--border-color)}.draw-bar button{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer}.draw-bar button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main)}.draw-bar button[aria-pressed=true]{background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-bar button:disabled{opacity:.4;cursor:default}.draw-bar .draw-bar__danger:hover:not(:disabled){color:#d93f3c}.draw-bar__text{font-weight:600;white-space:nowrap}.draw-bar__mark{margin:0 2px 0 4px;color:var(--text-muted)}.draw-bar__colour{position:relative;width:22px;height:22px;margin:0 3px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-main) 22%,transparent);cursor:pointer}.draw-bar__colour[data-none]{background:linear-gradient(135deg,transparent 45%,#d93f3c 0,#d93f3c 55%,transparent 0)}.draw-bar__colour input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.draw-bar__paint{display:inline-flex;align-items:center}.draw-bar button.draw-bar__clear{width:18px;min-width:18px;height:18px;margin:0 2px 0 -3px;padding:0;border-radius:50%;color:var(--text-muted)}.draw-bar button.draw-bar__clear:hover{color:#d93f3c;background:color-mix(in srgb,#d93f3c 10%,transparent)}.draw-board__bar{position:relative}.draw-colours{position:absolute;top:calc(100% + 8px);left:50%;z-index:8;display:flex;align-items:center;gap:8px;max-width:min(640px,calc(100vw - 32px));padding:6px 8px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);box-shadow:0 8px 28px rgba(0,0,0,.12);transform:translateX(-50%);white-space:nowrap}.draw-board__bar .draw-colours{left:8px;transform:none}.draw-colours__now{display:inline-grid;flex:none;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-main) 22%,transparent);color:#fff}.draw-colours__now svg{mix-blend-mode:difference}.draw-colours__swatches{display:flex;flex:none;gap:4px}@container (max-width: 640px){.draw-colours{flex-wrap:wrap;width:calc(100cqw - 32px);white-space:normal}.draw-colours__swatches{flex:1 1 100%;flex-wrap:wrap;order:3}}.draw-colours__swatch{position:relative;width:20px;height:20px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text-main) 18%,transparent);cursor:pointer}.draw-colours__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg-panel),0 0 0 3.5px var(--bg-accent)}.draw-colours__swatch--any{background:conic-gradient(#e34a4a,#f2c94c,#59c16b,#4aa3e3,#9b6be3,#e34a4a)}.draw-colours__swatch--any input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.draw-colours .bento-panel__hex{width:86px;flex:none}.draw-colours__drop{display:inline-grid;flex:none;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:none;color:var(--text-soft,var(--text-main));cursor:pointer}.draw-colours__drop:hover{background:var(--bg-hover);color:var(--text-main)}.draw-dropper{position:fixed;left:0;top:0;z-index:10050;pointer-events:none}.draw-dropper__ring{position:absolute;left:-50px;top:-50px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle closest-side,transparent 27px,rgba(0,0,0,.45) 27px,rgba(0,0,0,.45) 28px,transparent 28px),radial-gradient(circle closest-side,transparent 49px,rgba(0,0,0,.5) 49px),radial-gradient(circle closest-side,transparent 44px,rgba(255,255,255,.85) 44px,rgba(255,255,255,.85) 45px,#a3a3a3 45px),linear-gradient(to bottom,var(--new,#fff) 50%,var(--old,#fff) 50%);-webkit-mask:radial-gradient(circle closest-side,transparent 27px,#000 27.5px);mask:radial-gradient(circle closest-side,transparent 27px,#000 27.5px)}.draw-dropper__hex{position:absolute;top:56px;left:0;padding:2px 7px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-panel);color:var(--text-main);font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateX(-50%);white-space:nowrap}.draw-dropper__hex[data-none]{opacity:.55}html.draw-dropping,html.draw-dropping *{cursor:crosshair!important}.draw-bar__words{width:170px;max-width:170px}.draw-bar__font{max-width:150px;padding:0 6px;background:var(--bg-panel);color:var(--text-main);font:inherit}.draw-bar__font,.draw-bar__number{height:28px;border:1px solid var(--border-color);border-radius:8px}.draw-bar__number{display:inline-flex;align-items:center;gap:2px;padding:0 4px 0 6px;color:var(--text-muted)}.draw-bar__number input{width:46px;border:0;background:none;color:var(--text-main);font:inherit;font-variant-numeric:tabular-nums;outline:none}.draw-bar__slider{width:110px;accent-color:var(--bg-accent)}.draw-bar__text svg{margin-right:4px;vertical-align:-2px}.draw-bar__thickness{gap:4px}.draw-bar__thickness svg{flex:none;color:var(--text-muted)}.draw-bar__note{padding:0 6px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.draw-board__nodes rect.draw-board__node--picked{fill:var(--bg-accent);stroke:#fff}.draw-board__type{position:absolute;z-index:3;min-width:2ch;margin:0;padding:0;border:0;border-radius:0;outline:1px solid var(--bg-accent);outline-offset:2px;background:transparent;white-space:pre;caret-color:var(--bg-accent);display:block;resize:none;overflow:hidden}.draw-board__type-measure{position:absolute;left:0;top:0;visibility:hidden;white-space:pre;pointer-events:none}.draw-board__type::-moz-placeholder{color:color-mix(in srgb,var(--text-main) 30%,transparent)}.draw-board__type::placeholder{color:color-mix(in srgb,var(--text-main) 30%,transparent)}.draw-board__over--text{cursor:text}.draw-board__over--knife,.draw-board__over--razor{cursor:crosshair}.draw-tip{position:fixed;z-index:9999;display:grid;gap:3px;padding:5px 8px;border-radius:7px;background:var(--text-main);color:var(--bg-panel);font-size:11px;line-height:1.25;pointer-events:none;white-space:nowrap}.draw-tip__size{font-weight:600;font-variant-numeric:tabular-nums}.draw-tip__keys{display:grid;gap:1px}.draw-tip__keys span{opacity:.55}.draw-tip__keys span[data-on]{opacity:1;font-weight:600}.draw-board__razor{fill:var(--bg-panel);stroke:var(--bg-accent)}.draw-board__over--fill{cursor:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg transform=%22matrix(1.15 0 0 1.15 -2.84 -1.34)%22%3E%3Cg fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%223.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10.8 4 18 11.2l-4.9 4.9a3.2 3.2 0 0 1-4.6 0l-4.4-4.4a.7.7 0 0 1 0-1z%22/%3E%3Cpath d=%22M9.7 5.1A5.1 5.1 0 0 1 16.9 12.3%22/%3E%3C/g%3E%3Cpath d=%22M20.3 13.6c1.1 1.7 1.9 2.9 1.9 4.1a1.9 1.9 0 0 1-3.8 0c0-1.2.8-2.4 1.9-4.1z%22 fill=%22%23ffffff%22 stroke=%22%23ffffff%22 stroke-width=%221.9%22 stroke-linejoin=%22round%22/%3E%3Cg fill=%22none%22 stroke=%22%231f1f1f%22 stroke-width=%221.52%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M10.8 4 18 11.2l-4.9 4.9a3.2 3.2 0 0 1-4.6 0l-4.4-4.4a.7.7 0 0 1 0-1z%22/%3E%3Cpath d=%22M9.7 5.1A5.1 5.1 0 0 1 16.9 12.3%22/%3E%3C/g%3E%3Cpath d=%22M20.3 13.6c1.1 1.7 1.9 2.9 1.9 4.1a1.9 1.9 0 0 1-3.8 0c0-1.2.8-2.4 1.9-4.1z%22 fill=%22%231f1f1f%22 stroke=%22%231f1f1f%22 stroke-width=%220%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E") 21 22,crosshair}.draw-canvas[data-busy]{cursor:progress}.draw-panel__fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:8px}.draw-panel__font{overflow:hidden;padding:7px 8px;border:1px solid var(--border-color);border-radius:8px;background:none;color:var(--text-main);font-size:.92rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.draw-panel__font:hover{background:var(--bg-hover)}.draw-panel__font[aria-selected=true]{border-color:var(--bg-accent);background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-file__eraser{position:absolute;left:0;top:0;z-index:6;border:1px solid var(--text-main);border-radius:50%;background:color-mix(in srgb,var(--text-main) 6%,transparent);pointer-events:none}.draw-file[data-erasing] .draw-file__view,.draw-file[data-erasing] .draw-file__view *{cursor:none}.draw-panel__turntable{display:block;width:120px;height:120px;margin:4px auto 8px;cursor:grab;touch-action:none;border-radius:12px;background:var(--bg-hover)}.draw-panel__turntable:active{cursor:grabbing}.draw-panel__turntable polygon{fill:color-mix(in srgb,var(--text-main) calc(var(--lit) * 22%),var(--bg-panel));stroke:color-mix(in srgb,var(--text-main) 55%,transparent);stroke-width:1;stroke-linejoin:round}.draw-panel__turntable polygon[data-front]{fill:color-mix(in srgb,var(--bg-accent) calc(var(--lit) * 70%),var(--bg-panel));stroke:var(--bg-accent)}.draw-panel__views{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px}.draw-panel__views .draw-panel__chip[aria-pressed=true]{border-color:var(--bg-accent);background:var(--bg-accent-soft);color:var(--bg-accent)}.draw-board__kaleido{pointer-events:none}.draw-board__kaleido line{stroke:color-mix(in srgb,var(--bg-accent) 45%,transparent)}.draw-board__kaleido circle{fill:var(--bg-accent);stroke:#fff}.draw-board__kaleido-slice{fill:color-mix(in srgb,var(--bg-accent) 8%,transparent);stroke:none}.draw-bar__grip{display:inline-flex;align-items:center;align-self:stretch;margin-right:2px;padding:0 2px;border-radius:6px;color:var(--text-muted,#8a8a8e);cursor:grab;touch-action:none}.draw-bar__grip:hover{color:var(--bg-accent);background:color-mix(in srgb,var(--bg-accent) 10%,transparent)}.draw-bar__grip:active{cursor:grabbing}.draw-panel__transform{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.draw-panel__anchors{display:grid;grid-template-columns:repeat(3,14px);gap:4px;padding:6px;border-radius:8px;background:var(--bg-secondary,rgba(0,0,0,.04))}.draw-panel__anchors button{width:14px;height:14px;padding:0;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary,#fff);cursor:pointer}.draw-panel__anchors button[aria-checked=true]{border-color:var(--bg-accent);background:var(--bg-accent)}.draw-panel__nums{display:grid;grid-template-columns:1fr 1fr;gap:6px}.draw-panel__nums--wide{margin-top:2px}.draw-panel__num{display:flex;align-items:center;gap:6px;min-width:0;padding:0 8px;height:30px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary,#fff);font-size:12px}.draw-panel__num:focus-within{border-color:var(--bg-accent)}.draw-panel__num span{flex:none;color:var(--text-muted,#8a8a8e);font-weight:600}.draw-panel__num input{flex:1;min-width:0;padding:0;border:0;outline:0;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right}.draw-panel__num em{flex:none;color:var(--text-muted,#8a8a8e);font-style:normal}.draw-panel__aligns{display:flex;flex-wrap:wrap;gap:4px}.draw-panel__icon-button{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary,#fff);color:inherit;cursor:pointer}.draw-panel__icon-button:hover:not(:disabled){border-color:var(--bg-accent);color:var(--bg-accent)}.draw-panel__icon-button:disabled{opacity:.4;cursor:default}.draw-objects{display:grid;gap:1px;max-height:320px;margin:0;padding:0;overflow-y:auto;list-style:none}.draw-objects__row{position:relative;display:flex;align-items:center;gap:6px;height:28px;padding:0 6px;border-radius:6px;font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draw-objects__row:hover{background:color-mix(in srgb,var(--bg-accent) 7%,transparent)}.draw-objects__row[data-picked]{background:color-mix(in srgb,var(--bg-accent) 14%,transparent)}.draw-objects__row[data-inner]{padding-left:26px}.draw-objects__row[data-hidden] .draw-objects__name{opacity:.45}.draw-objects__row[data-drop=above]:before,.draw-objects__row[data-drop=below]:after{content:"";position:absolute;left:4px;right:4px;height:2px;border-radius:1px;background:var(--bg-accent)}.draw-objects__row[data-drop=above]:before{top:-1px}.draw-objects__row[data-drop=below]:after{bottom:-1px}.draw-objects__icon{flex:none;color:var(--text-muted,#8a8a8e)}.draw-objects__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draw-objects__rename{flex:1;min-width:0;height:22px;padding:0 6px;border:1px solid var(--bg-accent);border-radius:5px;background:var(--bg-primary,#fff);color:inherit;font:inherit;outline:0}.draw-objects__open{display:inline-grid;place-items:center;width:16px;height:16px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.draw-objects__flags{display:inline-flex;gap:2px}.draw-objects__flags button{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:5px;background:none;color:var(--text-muted,#8a8a8e);cursor:pointer;opacity:.5}.draw-objects__flags button[aria-pressed=true],.draw-objects__row:hover .draw-objects__flags button{opacity:1}.draw-objects__flags button:hover{color:var(--bg-accent)}.draw-board__inside{fill:none;stroke:var(--bg-accent);stroke-opacity:.6;pointer-events:none}.draw-panel__select{min-width:0;height:28px;padding:0 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary,#fff);color:inherit;font:inherit;font-size:12px}.draw-file__arriving{position:absolute;z-index:20;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-panel);box-shadow:0 6px 20px rgba(0,0,0,.12);color:var(--text-main);font-size:12px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%) scale(calc(1 / var(--z, 1)))}.draw-file__arriving svg{color:var(--bg-accent);animation:draw-arriving-spin .9s linear infinite}.draw-file__redraw{position:absolute;bottom:18px;left:50%;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-panel);box-shadow:0 6px 20px rgba(0,0,0,.12);color:var(--text-main);font-size:12px;white-space:nowrap;transform:translateX(-50%)}.draw-file__redraw>svg{color:var(--bg-accent);animation:draw-arriving-spin .9s linear infinite}.draw-file__redraw span{font-variant-numeric:tabular-nums}.draw-file__redraw--long{max-width:min(560px,calc(100% - 32px));white-space:normal;border-radius:14px}.draw-file__redraw button{padding:3px 10px;border:0;border-radius:999px;background:var(--bg-hover,rgba(0,0,0,.06));color:var(--text-main);font:inherit;cursor:pointer}.draw-file__redraw button:hover{background:var(--bg-active,rgba(0,0,0,.1))}@keyframes draw-arriving-spin{to{transform:rotate(1turn)}}.draw-bar button.draw-bar__text{display:inline-flex;align-items:center;gap:4px}.draw-export{position:fixed;z-index:61;display:grid;gap:10px;width:316px;padding:10px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-panel);box-shadow:0 10px 32px rgba(0,0,0,.16);color:var(--text-soft);font-family:var(--font-body);font-size:12px}.draw-export button{font:inherit;color:inherit;cursor:pointer}.draw-export button:disabled{opacity:.45;cursor:default}.draw-export__files{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.draw-export__body{display:grid;gap:10px}.draw-export__title{font-weight:650;color:var(--text-main);font-size:12.5px}.draw-panel .draw-export__body{margin-bottom:8px;font-size:12px;color:var(--text-soft)}.draw-panel .draw-export__body button{font:inherit;color:inherit;cursor:pointer}.draw-panel .draw-export__body button:disabled{opacity:.45;cursor:default}.draw-bar .draw-bar__export{display:inline-flex;gap:5px;width:auto;padding:0 9px 0 7px;border-radius:8px;background:var(--bg-accent-soft);color:var(--bg-accent);font-weight:600;font-size:12px}.draw-bar .draw-bar__export:hover{background:var(--bg-accent);color:#fff}.draw-export__file{display:grid;justify-items:center;gap:2px;padding:10px 4px 8px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-main,transparent)}.draw-export__file:hover:not(:disabled){border-color:var(--bg-accent);color:var(--text-main);background:var(--bg-accent-soft)}.draw-export__file svg{color:var(--bg-accent)}.draw-export__file span{font-weight:650;color:var(--text-main);letter-spacing:.02em}.draw-export__file small{font-size:10.5px;color:var(--text-muted)}.draw-export__row{display:flex;align-items:center;gap:4px}.draw-export__label{flex:1;color:var(--text-muted)}.draw-export__chip{min-width:34px;height:26px;border:1px solid var(--border-color);border-radius:7px;background:none;font-variant-numeric:tabular-nums}.draw-export__chip[aria-checked=true]{border-color:var(--bg-accent);background:var(--bg-accent-soft);color:var(--bg-accent);font-weight:650}.draw-export__switch{cursor:pointer}.draw-export__switch input{accent-color:var(--bg-accent);width:16px;height:16px}.draw-export__copies{flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border-color)}.draw-export__copies button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:0;border-radius:8px;background:none}.draw-export__copies button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main)}.draw-export__said{margin-left:auto;color:var(--bg-accent);font-weight:600}.draw-tip--keys{gap:2px}.draw-tip__key{display:inline-flex;align-items:center;gap:5px;font-weight:600}.draw-tip__key svg{flex:none}.font-picker{position:relative;display:grid;gap:6px;margin-bottom:8px}.font-picker__family{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:6px 10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel);color:var(--text-main);font-size:.95rem;text-align:left;cursor:pointer}.font-picker__family span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-picker__family:hover{background:var(--bg-hover)}.font-picker__family[aria-expanded=true]{border-color:var(--bg-accent)}.font-picker__style{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px}.font-picker__weight{height:32px;padding:0 8px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel);color:var(--text-main)}.font-picker__italic{display:grid;place-items:center;height:32px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-panel);color:var(--text-main);cursor:pointer}.font-picker__italic[aria-pressed=true]{border-color:var(--bg-accent);background:var(--bg-accent-soft);color:var(--bg-accent)}.font-picker__italic:disabled,.font-picker__weight:disabled{opacity:.45;cursor:default}.font-picker__list{position:absolute;top:40px;left:0;right:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:340px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-panel);box-shadow:0 12px 28px rgba(0,0,0,.16);overflow:hidden}.font-picker--compact .font-picker__list{width:260px;right:auto}.font-picker__search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-color);color:var(--text-main)}.font-picker__search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text-main);font-size:.92rem}.font-picker__rows{overflow-y:auto;padding:4px}.font-picker__heading{padding:8px 8px 4px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--text-main) 55%,transparent)}.font-picker__row{display:block;width:100%;padding:7px 8px;border:0;border-radius:6px;background:none;color:var(--text-main);font-size:1rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.font-picker__row:hover{background:var(--bg-hover)}.font-picker__row[aria-selected=true]{background:var(--bg-accent-soft);color:var(--bg-accent)}.font-picker__note{margin:0;padding:8px;font-size:.85rem;color:color-mix(in srgb,var(--text-main) 60%,transparent)}.font-picker__note button{border:0;background:none;color:var(--bg-accent);cursor:pointer;padding:0}.font-picker--compact{margin:0}.font-picker--compact .font-picker__family{display:flex;min-height:28px;height:28px;max-width:170px;padding:0 8px;border:1px solid var(--border-color);background:var(--bg-panel);font-size:.85rem}.draw-file__spot{position:absolute;z-index:6;pointer-events:none;border:calc(2.5px / var(--z, 1)) solid var(--bg-accent);border-radius:calc(6px / var(--z, 1));box-shadow:0 0 0 calc(4px / var(--z, 1)) color-mix(in srgb,var(--bg-accent) 22%,transparent);animation:draw-spot 1.9s ease-out forwards}@keyframes draw-spot{0%,60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.draw-file__spot{animation:none}}.draw-file__weight{position:absolute;left:12px;bottom:12px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-panel);box-shadow:0 4px 16px rgba(0,0,0,.07);color:var(--text-muted);font-size:.74rem;font-variant-numeric:tabular-nums;cursor:default}.draw-file__weight-bar{width:64px;height:4px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.draw-file__weight-bar>span{display:block;height:100%;border-radius:inherit;background:var(--text-muted)}.draw-file__weight[data-level=slow]{color:#b45309;border-color:rgba(245,158,11,.4)}.draw-file__weight[data-level=slow] .draw-file__weight-bar>span{background:#d97706}.draw-file__weight[data-level=full]{color:#c2410c;border-color:rgba(194,65,12,.45)}.draw-file__weight[data-level=full] .draw-file__weight-bar>span{background:#c2410c}:is(.dark,.midnight) .draw-file__weight[data-level=slow]{color:#fbbf24}.draw-board__tools .draw-file__level{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:0 8px;background:var(--bg-accent-soft);color:var(--bg-accent);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.draw-board__tools .draw-file__level:hover,.draw-panel__turned{background:var(--bg-accent-soft);color:var(--text-main)}.draw-panel__turned{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 8px;padding:6px 6px 6px 10px;border-radius:10px;font-size:.78rem;font-variant-numeric:tabular-nums}.draw-panel__turned>span{display:inline-flex;align-items:center;gap:6px}.draw-panel__turned>span svg{color:var(--bg-accent)}.draw-panel__turned .bento-panel__action{flex:none}.draw-pixels{image-rendering:crisp-edges;image-rendering:pixelated}.draw-pixels,.draw-pixels__over{position:absolute;display:block;pointer-events:none}.draw-pixels__over{overflow:visible}.draw-pixels__over *{fill:none;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.draw-pixels__grid{stroke:rgba(128,128,128,.32);stroke-width:1}.draw-pixels__axis,.draw-pixels__over .draw-pixels__area{stroke:var(--bg-accent);stroke-width:1.5}.draw-pixels__over .draw-pixels__area{fill:color-mix(in srgb,var(--bg-accent) 14%,transparent)}.draw-pixels__brush{position:absolute;pointer-events:none;box-shadow:0 0 0 1px var(--bg-accent);background:color-mix(in srgb,var(--bg-accent) 14%,transparent)}.draw-pixels__swatches .bento-panel__swatch{border-radius:3px}.draw-pixels__pair{display:flex;align-items:center;gap:6px;margin:0 0 8px}.draw-pixels__now,.draw-pixels__then{flex:none;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16)}.draw-pixels__now{width:24px;height:24px}.draw-pixels__then{width:16px;height:16px;align-self:flex-end}.draw-pixels__pair .bento-panel__hex{flex:1;min-width:0}.draw-pixels__size{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--text-muted)}.draw-pixels__size .bento-panel__input{width:64px}.draw-pixels__frame-shape{border-radius:1px}