:root{color:#1e1e1e;--panel-bg:#fff;--panel-border:#e3e3e3;--ink:#1e1e1e;--accent:#4b3df2;--accent-on-dark:#8f85ff;--accent-soft:#ebe9ff;--accent-ring:#4b3df259;--surface-dark:#141414;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:#fafafa;height:100%;margin:0;overflow:hidden}.app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.board{touch-action:none;-webkit-touch-callout:none;display:block;position:absolute;inset:0}.text-editor{resize:none;caret-color:currentColor;z-index:5;box-shadow:0 0 0 1px var(--accent-ring);background:0 0;border:none;outline:none;margin:0;padding:0;position:absolute;overflow:hidden}.text-editor::placeholder{color:#00000059}.app.drop-target:after{content:"";border:2px dashed var(--accent);pointer-events:none;z-index:4;background:#4b3df20d;border-radius:14px;position:absolute;inset:8px}.drop-hint{z-index:4;background:var(--accent);color:#fff;pointer-events:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000001f}.toolbar{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:10;border-radius:10px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 2px 10px #00000014}.toolbar.top{top:12px;left:50%;transform:translate(-50%)}.toolbar.bottom-left{bottom:12px;left:12px}.toolbar.bottom-right{bottom:12px;right:12px}@media (width<=1319px){.toolbar.top{top:auto;bottom:12px}}@media (width<=940px){.toolbar.top{bottom:64px}}.tool{color:#333;cursor:pointer;width:36px;height:36px;font:inherit;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:inline-flex;position:relative}.tool:hover:not(:disabled){background:#f1f1f1}.tool.active{background:var(--accent-soft);color:var(--accent)}.tool:disabled{opacity:.35;cursor:default}.tool .key{opacity:.45;font-size:8px;position:absolute;bottom:1px;right:3px}.tool.zoom-label{width:auto;min-width:52px;padding:0 8px;font-size:12px}.tool.text-btn{width:auto;padding:0 10px;font-size:12px}.sep{background:var(--panel-border);width:1px;height:24px;margin:0 4px}.wordmark,.welcome-wordmark{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:8px;font-family:Fredoka,system-ui,sans-serif;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.wordmark{z-index:10;pointer-events:none;font-size:22px;position:absolute;top:16px;left:16px}.wordmark svg{width:24px;height:24px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:10;border-radius:10px;flex-direction:column;gap:10px;width:210px;padding:10px 12px;display:flex;position:absolute;top:64px;left:12px;box-shadow:0 2px 10px #00000014}.prop-label{color:#777;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11px}.swatches,.row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.swatch{cursor:pointer;border:1px solid #00000026;border-radius:5px;width:22px;height:22px;padding:0;position:relative}.swatch.active{outline:2px solid var(--accent);outline-offset:1px}.swatch.transparent{background-color:#0000;background-image:linear-gradient(45deg,#ddd 25%,#0000 25% 75%,#ddd 75%),linear-gradient(45deg,#ddd 25%,#fff 25% 75%,#ddd 75%);background-position:0 0,4px 4px;background-repeat:repeat,repeat;background-size:8px 8px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%}.chip{border:1px solid var(--panel-border);color:#333;cursor:pointer;min-width:34px;height:28px;font:inherit;background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.num{border:1px solid var(--panel-border);width:56px;height:28px;font:inherit;border-radius:6px;padding:0 6px;font-size:12px}select{border:1px solid var(--panel-border);width:100%;height:30px;font:inherit;background:#fff;border-radius:6px;padding:0 6px}.hint{color:#666;pointer-events:none;white-space:nowrap;font-size:11px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (width<=1319px){.hint{bottom:68px}}@media (width<=900px){.hint{display:none}}.start{pointer-events:none;z-index:3;text-align:center;flex-direction:column;align-items:center;padding:72px 20px 64px;display:flex;position:absolute;inset:0}.app:has(.start) .panel{display:none}.start-inner{z-index:1;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:540px;margin:auto 0;display:flex;position:relative}.start h1{letter-spacing:-.01em;max-width:6em;color:var(--ink);text-wrap:balance;margin:0;padding:0 .08em;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:clamp(56px,7.2vw,112px);font-weight:600;line-height:.9;animation:.72s cubic-bezier(.45,.05,.35,1) both start-write}.start-underline path,.start-links path,.start-note path,.start-example .draw{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.52s ease-out both sketch-draw}.start-underline{width:min(320px,60%);height:16px;margin:-10px 0 4px;overflow:visible}.start-underline path{stroke:var(--accent);stroke-width:4px;vector-effect:non-scaling-stroke;animation-delay:.62s}.start-uses{color:#444;text-wrap:balance;max-width:28ch;margin:4px 0;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:clamp(24px,2.6vw,30px);font-weight:500;line-height:1.15;animation:.52s cubic-bezier(.2,.7,.2,1) .9s both start-rise}.start-pitch{flex-direction:column;align-items:center;gap:6px;animation:.52s cubic-bezier(.2,.7,.2,1) 1.3s both start-rise;display:flex}.start-promise{color:#333;text-wrap:balance;margin:0;font-size:18px}.start-keep{color:#666;margin:0;font-size:13px}.start-inner>.start-promise{margin-top:6px;animation:.52s cubic-bezier(.2,.7,.2,1) .9s both start-rise}.start-actions{flex-direction:column;align-items:center;gap:12px;margin-top:12px;animation:.52s cubic-bezier(.2,.7,.2,1) 1.45s both start-rise;display:flex;position:relative}.start-cta{pointer-events:auto;height:52px;padding:0 28px;font-size:16px;box-shadow:0 2px 10px #00000014}.start-note{text-align:left;align-items:flex-start;gap:4px;width:180px;display:flex;position:absolute;top:-6px;left:calc(100% + 14px)}.start-note svg{flex:none;width:38px;height:28px;margin-top:10px;overflow:visible}.start-note path{stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;animation-duration:.45s;animation-delay:2.05s}.start-note span{color:var(--accent);font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:24px;font-weight:500;line-height:1;animation:.72s cubic-bezier(.45,.05,.35,1) 2.2s both start-write;transform:rotate(-4deg)}.start-about{pointer-events:auto;color:#666;text-underline-offset:2px;font-size:13px;text-decoration:underline}.start-about:hover{color:var(--accent)}.start a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}html.js .start-static{display:none}.start-static .start-actions{padding-top:52px}.start-links{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.start-links path{stroke:var(--ink);stroke-width:2px}.start-links path:first-child{animation-delay:.95s}.start-links path:nth-child(2){animation-delay:1.07s}.start-links path:nth-child(3){animation-delay:1.19s}.start-links path:nth-child(4){animation-delay:1.31s}.start-example{width:clamp(150px,15vw,210px);margin:0;animation:.52s cubic-bezier(.2,.7,.2,1) both start-rise;position:absolute}.start-example>div{flex-direction:column;align-items:center;gap:8px;display:flex}.start-example svg{width:100%;height:auto;overflow:visible}.start-example figcaption{color:#555;font-size:14px}.start-example:first-of-type{animation-delay:1.15s;top:15%;left:6%}.start-example:nth-of-type(2){animation-delay:1.27s;top:12%;right:6%}.start-example:nth-of-type(3){animation-delay:1.39s;bottom:11%;left:8%}.start-example:nth-of-type(4){animation-delay:1.51s;bottom:14%;right:7%}.start-example .draw{animation-duration:.6s}.start-example:first-of-type .draw{animation-delay:1.65s}.start-example:nth-of-type(2) .draw{animation-delay:1.81s}.start-example:nth-of-type(3) .draw{animation-delay:1.97s}.start-example:nth-of-type(4) .draw{animation-duration:.8s;animation-delay:2.13s}.start-links,.start-example{visibility:hidden}.start.brainstorm .start-links,.start.brainstorm .start-example{visibility:visible}.start.brainstorm .start-uses{display:none}@keyframes start-write{0%{clip-path:inset(-30% 100% -30% -5%)}to{clip-path:inset(-30% -5%)}}@keyframes start-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.start h1,.start-underline path,.start-links path,.start-note path,.start-note span,.start-example,.start-example .draw,.start-uses,.start-pitch,.start-actions,.start-inner>.start-promise{animation:none}.start-underline path,.start-links path,.start-note path,.start-example .draw{stroke-dashoffset:0}}@media (width<=1319px){.start{padding-bottom:72px}}@media (width<=940px){.start{padding-bottom:124px}}@media (width<=760px){.start{padding-bottom:164px}.start-note{display:none}}@media (width<=1319px) and (height<=639px),(width<=760px) and (height<=699px){.start-uses{display:none}}@media (width<=340px){.start{padding-left:12px;padding-right:12px}}.boardbar{z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:6px;padding:4px 6px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #00000014}.boardbar-note{color:#666;padding:0 4px;font-size:12px}.boardbar-status{color:#888;text-align:right;min-width:44px;padding-right:2px;font-size:11px}.boardbar-status.error,.boardbar-status.offline{color:#e03131}.boardbar-status.saving{color:#f08c00}.board-select{width:auto;max-width:180px;height:28px;font-size:12px}.chip.primary{background:var(--accent);border-color:var(--accent);color:#fff}.chip.primary:hover{filter:brightness(.95)}.loading{color:#888;background:#fafafa;justify-content:center;align-items:center;font-size:14px;display:flex;position:fixed;inset:0}.boardbar-status.full,.boardbar-status.readonly{color:#e03131}.chip:disabled{opacity:.5;cursor:default}a.chip{text-decoration:none}.chip.upgrade{color:#b25e00;background:#fff7e6;border-color:#f08c00}.badge{color:#555;background:#f1f3f5;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.badge.pro{background:var(--accent-soft);color:var(--accent)}.usage{align-items:center;gap:6px;padding:0 4px;display:inline-flex}.usage-bar{background:#e9ecef;border-radius:3px;width:56px;height:6px;overflow:hidden}.usage-bar>span{background:var(--accent);height:100%;transition:width .2s;display:block}.usage.warn .usage-bar>span{background:#e03131}.usage-label{color:#888;min-width:28px;font-size:11px}.banner{z-index:10;border:1px solid var(--panel-border);color:#333;background:#fff;border-radius:8px;max-width:min(640px,100vw - 32px);padding:8px 14px;font-size:13px;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000014}.banner.warn{background:#fff7e6;border-color:#ffa94d}.link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;text-decoration:underline}.modal-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{-webkit-user-select:text;user-select:text;background:#fff;border-radius:14px;width:min(880px,100%);max-height:calc(100vh - 32px);padding:20px 24px 24px;overflow:auto;box-shadow:0 12px 40px #0003}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-reason{background:#fff7e6;border:1px solid #ffa94d;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px}.plan-compare{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.plan-compare>div{border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;flex:200px;gap:2px;padding:10px 12px;font-size:13px;display:flex}.plan-compare span{color:#666}.pricing{min-height:120px}.modal.narrow{width:min(520px,100%)}.share-url{gap:8px;margin:14px 0 0;display:flex}.share-url input{border:1px solid var(--panel-border);min-width:0;height:32px;font:inherit;color:#333;background:#fafafa;border-radius:6px;flex:1;padding:0 10px;font-size:13px}.share-note{color:#666;margin:12px 0 0;font-size:13px;line-height:1.5}.share-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.share-error{color:#e03131;margin:12px 0 0;font-size:13px}.chip.danger{color:#c92a2a;background:#fff5f5;border-color:#ffc9c9}.chip.danger:hover{background:#ffe3e3}.shared-name{text-overflow:ellipsis;white-space:nowrap;max-width:260px;padding:0 4px;font-size:13px;font-weight:500;overflow:hidden}.shared-gone{text-align:center;max-width:420px;line-height:1.6}.shared-gone h1{color:#1e1e1e;margin:0 0 8px;font-size:20px}.shared-gone a{color:var(--accent)}.admin{-webkit-user-select:text;user-select:text;background:#fafafa;padding:24px 16px 48px;position:fixed;inset:0;overflow:auto}.admin-head{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;margin:0 auto 16px;display:flex}.admin-head h1{margin:0 0 4px;font-size:20px}.admin-head a{color:var(--accent);font-size:13px}.admin-note{color:#666;max-width:1100px;margin:16px auto;font-size:13px}.admin-error{color:#e03131;max-width:1100px;margin:12px auto;font-size:13px}.admin-analytics{color:#333;cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;max-width:1100px;margin:16px auto;font-size:13px;display:flex}.admin-analytics small{color:#777}.admin-search{flex-wrap:wrap;align-items:center;gap:8px;max-width:1100px;margin:0 auto 12px;display:flex}.admin-search input{border:1px solid var(--panel-border);height:30px;font:inherit;border-radius:6px;flex:260px;padding:0 10px}.admin-count{color:#888;font-size:12px}.admin-table-wrap{border:1px solid var(--panel-border);background:#fff;border-radius:10px;max-width:1100px;margin:0 auto;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #f1f3f5;padding:10px 12px}.admin-table th{color:#666;background:#fafafa;font-size:12px;font-weight:500}.admin-table tr:last-child td{border-bottom:none}.admin-user{flex-direction:column;gap:2px;display:flex}.admin-user small,.admin-usernote{color:#888;white-space:normal;max-width:260px;font-size:11px;display:block}.admin-empty{text-align:center;color:#888}.admin-pager{color:#666;justify-content:center;align-items:center;gap:12px;max-width:1100px;margin:12px auto;font-size:12px;display:flex}.boardbar-legal{color:#999;white-space:nowrap;padding:0 4px;font-size:11px}.boardbar-legal a{color:#888;text-decoration:none}.boardbar-legal a:hover{text-decoration:underline}.modal-foot{color:#777;margin:16px 0 0;font-size:12px}.modal-foot a{color:var(--accent)}.legal{-webkit-user-select:text;user-select:text;background:#fafafa;padding:24px 16px 64px;line-height:1.55;position:fixed;inset:0;overflow:auto}.legal-head{justify-content:space-between;gap:12px;max-width:720px;margin:0 auto 24px;font-size:13px;display:flex}.legal-head nav{gap:14px;display:flex}.legal-head a{color:var(--accent);text-decoration:none}.legal-head a:hover{text-decoration:underline}.legal-body{border:1px solid var(--panel-border);background:#fff;border-radius:12px;max-width:720px;margin:0 auto;padding:28px 32px 36px}.legal-body h1{margin:0 0 4px;font-size:24px}.legal-meta{color:#888;margin:0 0 20px;font-size:12px}.legal-body h2{margin:26px 0 8px;font-size:16px}.legal-body p,.legal-body li{color:#333;font-size:14px}.legal-body ul{padding-left:20px}.legal-body li{margin:4px 0}.legal-body a{color:var(--accent)}.legal-body table{border-collapse:collapse;width:100%;margin:8px 0;font-size:13px}.legal-body th,.legal-body td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:6px 8px}.legal-body th{color:#666;font-weight:500}@media (width<=600px){.legal-body{padding:20px 16px 28px}}.welcome{-webkit-user-select:text;user-select:text;scroll-behavior:smooth;background:#fafafa;line-height:1.5;position:fixed;inset:0;overflow:auto}.welcome-head,.welcome-body,.welcome-foot{max-width:1040px;margin:0 auto;padding-inline:20px}.welcome-head{justify-content:space-between;align-items:center;gap:12px;padding-block:18px;display:flex}.welcome-head nav,.welcome-foot nav{align-items:center;gap:16px;font-size:13px;display:flex}.welcome-head nav a,.welcome-foot a{color:#555;text-decoration:none}.welcome-head nav a:hover,.welcome-foot a:hover{color:var(--accent)}.welcome-wordmark{gap:12px;font-size:28px}.welcome-wordmark svg{width:32px;height:32px}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:40px;padding-block:48px 40px;display:grid}.hero h1{letter-spacing:.005em;color:#1e1e1e;margin:0 0 14px;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:clamp(52px,7vw,84px);font-weight:500;line-height:.95}.hero p{color:#444;max-width:40ch;margin:0 0 24px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.cta{border:1px solid var(--accent);background:var(--accent);color:#fff;height:40px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.cta:hover{filter:brightness(.95)}.cta.ghost{color:#1e1e1e;border-color:var(--panel-border);background:#fff}.cta.ghost:hover{filter:none;border-color:#bbb}.cta:focus-visible,.welcome a:focus-visible,.welcome button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sketch{border:1px solid var(--panel-border);border-radius:12px;width:100%;height:auto;box-shadow:0 2px 10px #0000000f}.sketch .draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s ease-out forwards sketch-draw}.sketch .d1{animation-delay:.1s}.sketch .d2{animation-delay:.7s}.sketch .d3{stroke-dasharray:.012 .03;stroke-dashoffset:0;animation:none}@keyframes sketch-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sketch .draw{stroke-dashoffset:0;animation:none}}.welcome h2{color:#1e1e1e;margin:0 0 18px;font-family:Caveat,Segoe Print,Comic Sans MS,cursive;font-size:34px;font-weight:500;line-height:1}.features{border-top:1px solid var(--panel-border);padding-block:24px 40px}.feature-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px 28px;margin:0;padding:0;list-style:none;display:grid}.feature-list h3{color:#1e1e1e;margin:0 0 4px;font-size:15px;font-weight:500}.feature-list p{color:#555;margin:0;font-size:14px}.shortcuts{margin-top:28px}.shortcuts summary{cursor:pointer;color:#1e1e1e;width:fit-content;font-size:14px;font-weight:500}.shortcuts summary:hover{color:var(--accent)}.shortcuts ul{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 28px;margin:18px 0 0;padding:0;list-style:none;display:grid}.shortcuts li{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:start;gap:2px 12px;display:grid}.shortcuts .keys{grid-row:1/span 2;gap:3px;padding-top:2px;display:flex}.shortcuts kbd{border:1px solid var(--panel-border);color:#333;background:#fff;border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-flex}.shortcuts strong{color:#1e1e1e;font-size:14px;font-weight:500}.shortcuts li>span:last-child{color:#666;font-size:13px}.plans{border-top:1px solid var(--panel-border);padding-block:24px 40px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.plan{border:1px solid var(--panel-border);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.plan.pro{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.plan h3{margin:0;font-size:15px;font-weight:500}.plan-price{color:#666;margin:0;font-size:13px}.plan-vat{color:#777;margin:-6px 0 0;font-size:12px}.plan ul{color:#333;flex:1;margin:4px 0 10px;padding-left:18px;font-size:14px}.plan li{margin:3px 0}.plan .cta{align-self:flex-start}.plans-note{color:#777;max-width:70ch;margin:18px 0 0;font-size:13px}.faq{border-top:1px solid var(--panel-border);padding-block:24px 40px}.faq details{border-top:1px solid var(--panel-border);max-width:72ch;padding:12px 0}.faq details:last-child{border-bottom:1px solid var(--panel-border)}.faq summary{cursor:pointer;color:#1e1e1e;font-size:15px;font-weight:500}.faq summary:hover{color:var(--accent)}.faq details p{color:#555;margin:8px 0 0;font-size:14px}.welcome-foot{border-top:1px solid var(--panel-border);color:#777;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:20px 40px;font-size:13px;display:flex}@media (width<=760px){.hero{grid-template-columns:1fr;gap:28px;padding-block:28px 32px}.welcome-head nav{gap:12px}}button,select,input,.toolbar,.panel,.boardbar{touch-action:manipulation}button{-webkit-tap-highlight-color:transparent}@media (pointer:coarse){.tool .key,.hint-mouse{display:none}.num,select,.share-url input{font-size:16px}}@media not all and (pointer:coarse){.hint-touch{display:none}}@media (width<=760px){.wordmark{top:14px;left:14px}.wordmark span{display:none}.boardbar{flex-wrap:wrap;justify-content:flex-end;row-gap:4px;top:8px;left:50px;right:8px}.boardbar-note{text-align:right}.shared-name{max-width:min(260px,45vw)}.toolbar.top{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 16px);margin:0 auto;inset:auto 0 64px;transform:none}.toolbar.bottom-left{bottom:8px;left:8px}.toolbar.bottom-right{bottom:8px;right:8px}.tool.text-btn{padding:0 7px;font-size:11px}.tool.zoom-label{min-width:44px;padding:0 4px}.panel{flex-flow:wrap;align-items:flex-start;gap:8px 16px;width:auto;max-height:40vh;top:112px;left:8px;right:8px;overflow-y:auto}.panel select{width:auto;min-width:140px}.banner{top:112px}}