:root{font-family:Arial,Helvetica,sans-serif;color:#191919;background:#fafaf8;font-synthesis:none;--paper:#fff;--ink:#151515;--muted:#777873;--line:#e5e5e0;--lime:#dfff80}
.remote-cursors{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:4}
.share-invite-targets{display:grid;grid-template-columns:1fr 1fr;gap:12px}.share-invite-targets label{min-width:0}.share-invite-targets select{width:100%;min-width:0;padding:11px 9px;border:1px solid var(--line);border-radius:7px;background:white}
@media(max-width:540px){.share-invite-targets{grid-template-columns:1fr}}
.remote-cursor{position:absolute;left:0;top:0;pointer-events:none;will-change:transform;transition:transform .18s linear;color:var(--cursor-color)}
.remote-cursor svg{display:block;width:24px;height:28px;fill:currentColor;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 1px 2px #0003)}
.remote-cursor span{display:block;margin:-5px 0 0 18px;padding:4px 7px;border-radius:4px;background:var(--cursor-color);color:white;font-size:12px;font-weight:600;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 4px #0002}
@media(prefers-reduced-motion:reduce){.remote-cursor{transition:none}}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9cc044;outline-offset:3px}[hidden]{display:none!important}button{border:0;background:none}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}.square{width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;border-radius:7px;flex-shrink:0}.square:hover{background:#eaeae5}.pale{background:#fff;border:1px solid var(--line);box-shadow:0 2px 5px #00000005}.brand{font-weight:900;letter-spacing:-1.5px;font-size:27px;font-style:italic;text-decoration:none;white-space:nowrap}.brand span{border:1.6px solid currentColor;border-radius:5px;margin-left:3px;padding:0 4px;font-weight:700}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100;background:#fafaf8}.loading p{color:var(--muted);font-size:13px}.canvas{position:fixed;inset:0;overflow:hidden;background-color:#fcfcfa;outline:none;touch-action:none;user-select:none}.canvas>svg{display:block;width:100%;height:100%;overflow:visible}.board-header{position:fixed;top:22px;left:24px;display:flex;gap:11px;align-items:center;z-index:12;max-width:270px}.board-heading{min-width:0}.board-heading>button{font-size:14px;font-weight:700;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 0;text-align:left}.board-heading>button:hover{text-decoration:underline}#save-status{font-size:10px;color:#777;margin-top:3px}#save-status[data-state=error]{color:#b43527;cursor:pointer;text-decoration:underline}#save-status[data-state=saving]{color:#8b752b}.toolbar{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:#101010;color:#fff;display:flex;align-items:center;gap:2px;padding:8px 10px;border-radius:12px;z-index:15;box-shadow:0 5px 18px #0002;max-width:calc(100vw - 600px);min-height:54px}.toolbar .tool{position:relative;border-radius:6px;width:32px;height:36px;flex:0 0 32px;display:flex;justify-content:center;align-items:center}.toolbar .tool:hover{background:#303030}.toolbar .tool[aria-pressed=true]{background:#fff;color:#111}.toolbar .tool[data-action=snap][aria-pressed=true]{background:var(--lime)}.toolbar .icon{width:20px;height:20px}.toolbar .divider{background:#ffffff38;margin:0 5px;height:25px}.toolbar .brand{font-size:21px;line-height:28px;margin:0 7px 0 5px;letter-spacing:-1.2px}.divider{display:block;width:1px;height:20px;background:#deded8;flex-shrink:0}.user-panel{position:fixed;top:25px;right:24px;display:flex;gap:10px;z-index:16}.avatar{border:1px solid #181818;background:var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:12px;font-weight:700;text-decoration:none}.properties{position:fixed;top:86px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:9px;background:#fffffff5;padding:8px 13px;z-index:13;box-shadow:0 2px 8px #00000004;font-size:11px;max-width:calc(100vw - 32px);white-space:nowrap}#active-tool-name{font-weight:700;min-width:62px}.color-label{display:flex;align-items:center;gap:6px;color:#62625d;cursor:pointer}.color-label input{appearance:none;padding:0;width:21px;height:21px;border:0;background:transparent;cursor:pointer}.color-label input::-webkit-color-swatch-wrapper{padding:0}.color-label input::-webkit-color-swatch{border:1px solid #0002;border-radius:50%}.compact-label{display:flex;align-items:center;gap:5px;color:#62625d}.compact-label select{font-size:11px;border:0;background:#f6f6f2;border-radius:3px;max-width:145px;padding:4px;color:#191919}.property-button{font-size:11px;padding:5px 3px}.property-button:hover{text-decoration:underline}.danger{color:#bc3f32}.canvas-welcome{position:fixed;top:27%;left:10%;pointer-events:none;user-select:none}.canvas-welcome>button{pointer-events:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#85867e;margin:0 0 20px}.canvas-welcome h1{font-size:clamp(35px,4vw,61px);line-height:1.08;letter-spacing:-2.3px;font-weight:500;margin:0 0 22px}.canvas-welcome>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#878880;margin:0 0 25px}.button{border-radius:7px;padding:12px 17px;font-size:12px;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:16px;line-height:1.3;text-decoration:none}.dark{background:#161616;color:white;border:1px solid #161616}.dark:hover{background:#363636}.subtle{border:1px solid var(--line);background:#f9f9f6}.subtle:hover{background:#ededE7}.welcome-hint{display:block;color:#96978f;font-size:10px;margin-top:25px}.canvas-controls{position:fixed;bottom:20px;right:24px;z-index:15;display:flex;align-items:center;gap:2px;background:white;border:1px solid var(--line);box-shadow:0 3px 16px #00000008;border-radius:10px;padding:5px}.canvas-controls .square{width:32px;height:32px}.canvas-controls .icon{width:17px;height:17px}.canvas-controls .divider{margin:0 5px}.canvas-controls [aria-pressed=false]{color:#aaa}#zoom-value{font-size:11px;min-width:47px;font-variant-numeric:tabular-nums}.bottom-hint{position:fixed;bottom:34px;left:25px;font-size:11px;color:#91928a;pointer-events:none;max-width:calc(100vw - 370px)}.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background-color:#fafaf8;background-image:linear-gradient(#e7e7df70 1px,transparent 1px),linear-gradient(90deg,#e7e7df70 1px,transparent 1px);background-size:32px 32px;padding:100px 10%;gap:10%}.auth-brand{position:absolute;left:50px;top:35px;font-size:29px}.auth-card{max-width:410px;background:#fafaf8;padding:15px 0}.auth-card h1{font-size:60px;letter-spacing:-3px;line-height:1.03;font-weight:500;margin:0 0 25px}.auth-intro{font-size:14px;line-height:1.8;color:#74756d;max-width:360px;margin-bottom:28px}.auth-card label,.edit-fields label,#confirm-input-label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}input:not([type=color],[type=checkbox]),textarea{padding:12px 13px;border:1px solid #deded7;border-radius:6px;background:#fff;width:100%;color:#191919;min-width:0;font-weight:400;outline-offset:1px}input::placeholder,textarea::placeholder{color:#a0a197}textarea{resize:vertical;min-height:90px;line-height:1.5}#login-submit{width:100%;justify-content:space-between;font-size:13px;padding:15px 16px}.auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:17px;font-size:11px;color:#77786f}.auth-links a{text-decoration:none}.auth-links a:hover{text-decoration:underline}.signup{font-size:12px;color:#77786f;margin-top:27px}.signup a{color:#222;text-underline-offset:4px}.text-button{padding:6px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.auth-footnote{font-size:10px;color:#92938a;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.back-site{position:absolute;bottom:30px;left:50px;font-size:12px;text-decoration:none;color:#73746e}.auth-art{position:relative;min-height:440px;align-self:center}.art-note{background:#e9f5a8;border:1px solid #cfdc90;padding:30px;position:absolute;top:0;left:0;width:275px;min-height:250px;transform:rotate(-7deg);font-size:29px;line-height:1.25;box-shadow:0 12px 24px #5b631417;letter-spacing:-1px}.art-note>span,.art-plan>span{font-size:10px;letter-spacing:1.5px;font-weight:700;display:block;margin-bottom:30px}.art-note>i{display:block;font-size:40px;text-align:right;font-style:normal}.art-plan{position:absolute;right:-25px;bottom:0;width:270px;background:white;border:1.5px solid #1a1a1a;border-radius:7px;padding:25px;transform:rotate(5deg);box-shadow:0 12px 24px #00000008}.art-plan>span{margin:0 -25px 18px;padding:0 25px 20px;border-bottom:1.5px solid #191919}.art-plan p{font-size:17px;margin:20px 0}.auth-art>svg{position:absolute;width:200px;bottom:20px;left:-15px;stroke:#191919;stroke-width:2;fill:none;transform:rotate(155deg)}.art-label{position:absolute;bottom:-75px;left:25px;font-size:12px;color:#87887e;transform:rotate(-5deg)}dialog{border:1px solid #dfdfd7;border-radius:16px;width:min(600px,calc(100vw - 30px));max-height:calc(100dvh - 50px);padding:27px;background:#fffffd;box-shadow:0 24px 100px #0003;color:#191919}dialog::backdrop{background:#171b174d;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-heading h2{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:0}.dialog-heading .eyebrow{font-size:9px;margin:1px 0 10px}.dialog-heading .square{margin:-7px -7px 0 0}.dialog-heading .icon{width:19px;height:19px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.boards-dialog{width:min(940px,calc(100vw - 30px));padding:32px}.boards-actions{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;max-width:370px;flex:1;padding-left:12px}.search>span{display:flex;color:#999}.search .icon{width:16px;height:16px}.search input{border:0!important;background:none!important;font-size:12px;padding:11px!important}#board-count{color:#aaa;font-size:16px;letter-spacing:0}.board-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;min-height:180px}.board-card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .2s}.board-card:hover{border-color:#aaa}.board-card[data-current=true]{border-color:#5b681c}.board-card-open{display:block;width:100%;padding:0;text-align:left}.board-preview{height:125px;background-color:#f9f9f5;background-image:radial-gradient(#d9dbd2 .8px,transparent .8px);background-size:12px 12px;position:relative;overflow:hidden}.board-preview .preview-note{position:absolute;top:30px;left:33px;width:68px;height:60px;border:1px solid #cdd9a0;background:#e8f2be;transform:rotate(-6deg);box-shadow:0 5px 10px #00000006}.board-preview .preview-lines{position:absolute;left:121px;top:34px;width:73px;height:51px;border:1px solid #888;border-radius:4px;background:repeating-linear-gradient(white,white 13px,#e4e5de 14px)}.board-preview .preview-count{position:absolute;bottom:9px;right:10px;color:#8d8e83;font-size:9px}.board-card-info{padding:15px 14px 11px}.board-card-info b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px}.board-card-info small{font-size:10px;color:#898a80}.board-card-menu{display:flex;border-top:1px solid #eeeee9;padding:4px 8px;gap:2px;justify-content:flex-end}.board-card-menu button{padding:6px;font-size:10px;border-radius:3px}.board-card-menu button:hover{background:#f2f2ed}.empty-list{grid-column:1/-1;text-align:center;color:#929389;padding:40px 10px;font-size:13px}.dialog-foot{font-size:10px;color:#94958c;margin:25px 0 0}.form-error{font-size:12px;color:#b13c2e;line-height:1.5;min-height:0;margin:0 0 12px}.form-error:empty{display:none}.muted,.field-help{font-size:12px;color:#86877d;line-height:1.6}.field-help{font-size:11px;margin:0 0 15px}.field-row{display:flex;gap:10px}.field-row>label{flex:1}.list-rows{display:flex;flex-direction:column;gap:12px;max-height:370px;overflow:auto;padding:1px 5px 5px 1px}.item-row{border:1px solid var(--line);background:#fafaf7;padding:12px;border-radius:7px}.item-row-head{display:flex;align-items:center;gap:10px}.item-row-head input[type=checkbox]{width:17px;height:17px;accent-color:#1b1b1b;flex:none}.item-row-head input:not([type=checkbox]){padding:9px;font-size:12px}.item-row-head button{padding:3px;font-size:20px;color:#888}.item-row textarea{min-height:56px;margin-top:9px;padding:9px;font-size:11px}.item-row input[type=datetime-local]{font-size:11px;padding:8px;margin-top:8px}.add-row{margin-top:12px;font-size:12px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.chart-row{display:grid;grid-template-columns:1fr 110px 25px;gap:8px;margin-bottom:8px}.chart-row input{font-size:12px;padding:10px!important}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.help-grid h3{font-size:13px}.help-grid p{font-size:12px;color:#72736b;line-height:1.8}.help-grid kbd{font:10px Arial;background:#eeeee9;padding:3px 5px;border:1px solid #deded5;border-radius:3px;color:#444}#help-dialog{width:min(760px,calc(100vw - 30px))}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.export-option{border:1px solid var(--line);border-radius:8px;padding:22px;text-align:left}.export-option:hover{border-color:#222;background:#f7f8f0}.export-option b{display:block;font-size:19px;margin-bottom:9px}.export-option span{font-size:11px;color:#888}.toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);padding:13px 20px;border-radius:9px;background:#20211e;color:white;max-width:calc(100vw - 30px);font-size:12px;line-height:1.6;box-shadow:0 5px 25px #0002;z-index:200;white-space:pre-line}.noscript{position:fixed;inset:0;background:white;z-index:1000;display:grid;place-items:center}.recovery-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.object-tooltip{pointer-events:none}.board-list[data-busy=true]{opacity:.5;pointer-events:none}
@media(min-width:1650px){.toolbar{max-width:none}.toolbar .tool{width:35px;flex-basis:35px}.properties{top:86px}}
@media(max-width:1649px){.toolbar{max-width:calc(100vw - 32px);top:78px}.properties{top:145px}.board-header{top:22px}.canvas-welcome{top:32%}.toolbar .tool{width:32px;flex-basis:32px}}
@media(max-width:1000px){.toolbar{overflow-x:auto;justify-content:flex-start;width:max-content;scrollbar-width:none;padding:7px}.toolbar::-webkit-scrollbar{display:none}.toolbar .tool{width:32px;flex-basis:32px}.toolbar .brand{font-size:19px}.properties{gap:9px;font-size:10px}.auth-screen{padding:110px 7% 80px;gap:7%}.auth-art{transform:scale(.85);transform-origin:center}.auth-card h1{font-size:48px}.auth-card{max-width:370px}.auth-links{font-size:10px;gap:8px}.board-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.board-header{left:16px;top:17px}.board-heading>button{max-width:185px;font-size:13px}.user-panel{right:16px;top:20px}.toolbar{top:71px;left:12px;right:12px;transform:none;width:auto;max-width:none;border-radius:10px;min-height:50px}.toolbar .divider{margin:0 4px}.properties{top:132px;left:12px;transform:none;max-width:calc(100vw - 24px);overflow:auto;gap:10px;padding:8px 10px;font-size:10px}.color-label span{display:none}#active-tool-name{min-width:auto}.compact-label select{max-width:105px}.canvas-welcome{top:33%;left:8%}.canvas-welcome h1{font-size:39px;letter-spacing:-1.6px}.canvas-welcome>p:not(.eyebrow){font-size:12px}.welcome-hint{font-size:9px;max-width:260px;line-height:1.7}.bottom-hint{display:none}.canvas-controls{bottom:16px;right:16px}.auth-screen{display:block;padding:110px 25px 85px}.auth-brand{top:30px;left:25px}.auth-art{display:none}.auth-card{margin:auto;padding:0;max-width:410px}.auth-card h1{font-size:52px}.auth-card .eyebrow{margin-bottom:18px}.back-site{position:static;display:block;margin:25px 0 -40px;font-size:11px}.auth-intro{font-size:13px}.boards-dialog{padding:22px}.board-list{gap:12px}.board-preview{height:95px}.board-preview .preview-lines{left:90px;width:55px;top:26px}.board-preview .preview-note{left:22px;top:24px;width:51px;height:45px}.boards-actions{gap:12px}.boards-actions .button{font-size:10px;padding:11px}.board-card-menu{justify-content:space-around;padding:4px 2px}.board-card-menu button{font-size:9px;padding:6px 3px}.dialog-heading h2{font-size:23px}.help-grid{grid-template-columns:1fr;gap:8px}dialog{padding:22px;max-height:calc(100dvh - 25px)}.export-option{padding:18px}.export-option span{font-size:10px}.field-row{flex-direction:column;gap:0}}
.properties{overflow-x:auto;scrollbar-width:thin}.properties>*{flex-shrink:0}
.connection-menu{position:fixed;z-index:25;width:310px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:16px;border:1px solid #deded8;border-radius:12px;background:#fff;box-shadow:0 8px 32px #0002;font-size:12px}.connection-menu>strong{display:block;margin-bottom:12px;font-size:13px}#connection-choices{display:grid;grid-template-columns:1fr 1fr;gap:4px}#connection-choices button{display:flex;align-items:center;gap:8px;text-align:left;padding:10px 7px;border-radius:6px}#connection-choices button:hover,#connection-choices button:focus-visible{background:#f0f2e9}#connection-choices .icon{width:18px;height:18px}.connection-keep{width:100%;margin-top:10px;padding:10px 0 0;border-top:1px solid #eee;color:#777;font-size:11px}
.object-actions{position:fixed;top:137px;left:50%;transform:translateX(-50%);z-index:13;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 10px;box-shadow:0 3px 12px #00000008;max-width:calc(100vw - 24px);font-size:11px;white-space:nowrap;overflow-x:auto}
.object-actions>div{display:flex;align-items:center;gap:7px}.object-actions span{color:#777;padding:0 6px;font-size:10px}.object-actions button{padding:7px 8px;border-radius:5px}.object-actions button:hover{background:#f0f2e9}.object-actions button:disabled{cursor:default;opacity:.35}
.canvas .mt-inline-editor{position:absolute;z-index:5;margin:0;min-height:0;min-width:0;max-width:none;border:2px solid #7c72f4;border-radius:2px;outline:none;box-shadow:0 0 0 2px #fff8;padding:5px 8px;resize:none;user-select:text;touch-action:auto;overflow:auto;transform-origin:top left;white-space:pre-wrap;caret-color:currentColor}
.canvas .mt-inline-editor:focus{outline:none;outline-offset:0}.canvas input.mt-inline-editor{padding:4px 7px}
.canvas textarea.mt-inline-editor[data-plain-text=true]{border:0;border-radius:0;padding:0;box-shadow:none;outline:none;background:transparent;overflow:hidden;scrollbar-width:none}
.canvas textarea.mt-inline-editor[data-plain-text=true]::-webkit-scrollbar{display:none}
.canvas textarea.mt-inline-editor[data-inline-field=item]{padding:1px 3px}.canvas .mt-inline-editor[data-inline-field=role],.canvas .mt-inline-editor[data-inline-field=email]{padding:2px 4px}
.object-inspector{position:fixed;inset:205px 18px auto auto;margin:0;width:340px;max-height:calc(100dvh - 290px);padding:20px;z-index:18;border-radius:12px;box-shadow:0 8px 40px #0002;overflow:auto}
.object-inspector .dialog-heading{margin-bottom:18px}.object-inspector .dialog-heading h2{font-size:19px;letter-spacing:-.3px}.object-inspector .dialog-actions{margin-top:10px;padding-top:12px;align-items:center;justify-content:space-between}.object-inspector .dialog-actions .field-help{margin:0;font-size:10px}.object-inspector .chart-row{grid-template-columns:1fr 75px 22px}.object-inspector label{font-size:11px}.object-inspector input{font-size:12px;padding:10px}.object-inspector .form-error{margin-top:12px}
@media(max-width:1649px){.object-actions{top:196px}}
@media(max-width:700px){.object-actions{top:183px;left:12px;transform:none;padding:5px;max-width:calc(100vw - 24px)}.object-actions>div{gap:2px}.object-actions button{font-size:10px;padding:7px}.object-actions span{font-size:9px;padding:0 5px}.object-inspector{inset:auto 12px 72px auto;width:min(340px,calc(100vw - 24px));max-height:45dvh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Selection actions stay in screen space; discussions never scale with the canvas. */
.selection-toolbar{position:fixed;z-index:32;display:flex;align-items:center;gap:3px;padding:5px;background:#191919;color:white;border:1px solid #373737;border-radius:10px;box-shadow:0 5px 20px #0002}
.selection-toolbar>button{display:grid;place-items:center;width:34px;height:32px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.selection-toolbar>button:hover,.selection-toolbar>button[aria-expanded=true]{background:#454545}
.selection-palette{position:absolute;left:0;top:calc(100% + 7px);width:228px;padding:12px;color:#191919;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 5px 20px #0002;font-size:12px}
#selection-swatches{display:flex;gap:6px;margin:10px 0}.selection-palette #selection-swatches button{width:23px;height:23px;border:2px solid #fff;outline:1px solid #ddd;border-radius:50%;cursor:pointer}.selection-palette label{display:flex;align-items:center;justify-content:space-between}.selection-palette input{width:30px;height:28px;padding:0;border:0;background:transparent}
.comment-panel{position:fixed;z-index:40;right:20px;top:174px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 250px);display:flex;flex-direction:column;gap:12px;padding:18px;background:#fff;border:1px solid #ddd;border-radius:14px;box-shadow:0 12px 40px #0002}
.comment-heading,.comment-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.comment-heading button{border:0;background:transparent;cursor:pointer}.comment-panel p{margin:0}.comment-panel #comment-context{font-size:12px}.comment-messages{overflow:auto;min-height:0}.comment-messages article{padding:12px 0;border-bottom:1px solid #eee}.comment-messages article>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.comment-messages time{font-size:10px;color:#888;white-space:nowrap}.comment-messages p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;margin-top:7px}.comment-panel form{display:grid;gap:8px}.comment-panel label{font-size:12px}.comment-panel textarea{min-height:80px;max-height:180px;resize:vertical;border:1px solid #ddd;border-radius:8px;padding:10px;font-size:14px;line-height:1.4;font-family:inherit;width:100%;box-sizing:border-box}.comment-footer .button{padding:9px 14px;font-size:12px}.comment-footer .text-button{font-size:11px}
.selection-toolbar[hidden],.selection-palette[hidden],.comment-panel[hidden],.selection-toolbar button[hidden]{display:none}
.share-open{border:1px solid #191919;border-radius:8px;padding:9px 12px;background:#dfff80;font-size:12px;font-weight:700}.online-users{position:fixed;right:24px;bottom:76px;max-width:360px;font-size:11px;color:#666;z-index:10;pointer-events:none;text-align:right;background:#ffffffdd;border-radius:6px;padding:4px 8px}.online-users:empty{display:none}#access-label{font-size:10px;color:#777;margin-top:3px}.share-dialog{width:min(560px,calc(100vw - 24px));max-height:85dvh;overflow:auto}.share-dialog label{display:grid;gap:6px;font-size:12px;margin:10px 0}.share-dialog input,.share-dialog select{border:1px solid #ddd;background:#fff;border-radius:7px;padding:9px;font-size:13px;min-width:0;max-width:100%}.share-dialog input{width:100%}.share-dialog .muted{font-size:12px;line-height:1.5}.share-dialog h3{font-size:15px}.share-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.share-members{margin:18px 0}.share-member{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:13px}.share-member span{overflow-wrap:anywhere}.share-member small{color:#777}.share-member select{width:160px}.share-dialog hr{border:0;border-top:1px solid #ddd;margin:20px 0}.share-dialog .button{padding:9px 12px;font-size:12px}#share-link-result .button{margin:8px 0}.shared-board-label{font-size:11px;color:#657749}#comment-form[hidden]{display:none}
/* A compact tool row stays at the top at every desktop width. */
.toolbar{top:8px;max-width:calc(100vw - 560px);min-height:42px;padding:5px 7px;gap:1px;border-radius:9px}
.toolbar .tool{width:28px;height:30px;flex-basis:28px}.toolbar .icon{width:18px;height:18px}.toolbar .divider{height:21px;margin:0 4px}.toolbar .brand{font-size:19px;margin:0 4px;line-height:25px}
.board-header{top:12px;left:16px}.user-panel{top:12px;right:16px;gap:7px}.properties{top:58px;padding:5px 10px;gap:10px}.object-actions{top:102px}.zoom-panel{gap:8px}.zoom-panel #zoom-slider{width:160px;padding:0;border:0;accent-color:#191919;height:22px;cursor:pointer}.zoom-panel output{min-width:39px;text-align:right;font-variant-numeric:tabular-nums}.zoom-panel .square{width:26px;height:26px}
@media(max-width:1649px){.toolbar{top:8px;max-width:calc(100vw - 24px)}.board-header,.user-panel{top:62px}.properties{top:62px;max-width:calc(100vw - 540px)}.object-actions{top:106px}.zoom-panel{max-width:calc(100vw - 540px)}}
@media(max-width:1050px){.properties,.zoom-panel{top:111px;max-width:calc(100vw - 24px)}.object-actions{top:155px}.toolbar{overflow-x:auto;width:max-content;scrollbar-width:none}.toolbar .tool{width:28px;flex-basis:28px}}
@media(max-width:700px){.toolbar{top:8px;left:12px;right:12px;transform:none;width:auto;min-height:42px}.board-header{top:62px;left:12px;max-width:calc(100vw - 190px)}.board-heading>button{max-width:100%}.user-panel{top:62px;right:12px}.user-panel #help-open{display:none}.properties{top:111px;left:12px;transform:none}.object-actions{top:155px}.zoom-panel{gap:4px}.zoom-panel #zoom-slider{width:100px}.zoom-panel .property-button{font-size:10px}}

#account-link{overflow:hidden;flex-shrink:0}#account-link img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.mt-cell-controls{position:absolute;z-index:9;pointer-events:none;border:1.5px solid #8270f5;box-sizing:border-box}
.card-toolbar{position:fixed;z-index:20;display:flex;align-items:center;gap:5px;padding:6px;background:white;border:1px solid #e4e1ed;border-radius:10px;box-shadow:0 4px 18px #0002;max-width:calc(100vw - 16px);flex-wrap:wrap}
.card-toolbar[hidden]{display:none}.card-toolbar button,.card-toolbar select{border:0;background:#fff;border-radius:6px;height:30px;font-size:12px;padding:4px 7px;cursor:pointer}.card-toolbar button:hover{background:#f0edff}.card-toolbar button .icon{width:18px;height:18px}.card-toolbar label{display:flex;align-items:center;gap:2px;font-size:12px}.card-toolbar input[type=color]{appearance:none;border:0;background:none;width:26px;height:26px;padding:0;cursor:pointer}.card-toolbar input::-webkit-color-swatch-wrapper{padding:2px}.card-toolbar input::-webkit-color-swatch{border:1px solid #0002;border-radius:50%}
.selection-toolbar select{max-width:125px;border:0;border-radius:5px;background:#333;color:#fff;padding:6px;font-size:12px}.selection-toolbar select[hidden]{display:none}
.note-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:9px}.tool-menu .note-color-grid button{width:43px;height:43px;padding:0;border:1px solid #0002;border-radius:5px;box-shadow:0 2px 3px #0001;position:relative}.note-color-grid button[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#242424;font-size:20px}.tool-menu .note-color-grid button:focus-visible,.tool-menu .note-color-grid button:hover{outline:2px solid #7963ed;outline-offset:2px}
.tool-menu{position:fixed;z-index:35;width:245px;max-height:70vh;overflow:auto;padding:8px;border:1px solid #e7e7e7;border-radius:13px;background:#fff;box-shadow:0 8px 30px #0002;display:grid;gap:3px}
.tool-menu strong{padding:8px 10px;font-size:12px;color:#777}.tool-menu button{display:flex;align-items:center;gap:12px;background:#fff;border:0;text-align:left;border-radius:7px;padding:10px;font-size:13px;cursor:pointer}.tool-menu button:hover,.tool-menu button:focus-visible{background:#eeebff;outline:none}.tool-menu button .variant-symbol{font-size:21px;width:24px;text-align:center;color:#302943}
.toolbar .tool[aria-haspopup]{position:relative}.toolbar .tool[aria-haspopup]:after{content:'';position:absolute;right:2px;bottom:2px;border:2px solid transparent;border-right-color:currentColor;border-bottom-color:currentColor;opacity:.6}
.text-format{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:12;display:flex;align-items:center;gap:5px;border:1px solid #e5e5e5;border-radius:9px;background:#fff;padding:5px;box-shadow:0 3px 12px #0001;max-width:calc(100vw - 24px)}
.text-format select,.text-format button{border:0;background:#fff;border-radius:5px;padding:7px;font-size:12px;cursor:pointer}.text-format button{min-width:30px}.text-format button[aria-pressed=true]{background:#e9e3ff;color:#5e46bd}.tool-menu[hidden],.text-format[hidden]{display:none}
@media(max-width:1050px){.text-format{top:155px}}

.column-palette{position:fixed;z-index:50;width:232px;padding:14px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 5px 24px #0002;font-size:13px}.column-palette[hidden]{display:none}.column-palette strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.column-palette label{display:flex;align-items:center;justify-content:space-between}.column-palette input{width:36px;height:28px;border:0;padding:0;background:transparent}#column-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:14px 0}#column-swatches button{width:26px;height:26px;border:2px solid #fff;outline:1px solid #ddd;border-radius:50%;cursor:pointer}#column-swatches button[aria-pressed=true],#column-swatches button:focus-visible{outline:2px solid #6655e8}

.column-menu{position:fixed;z-index:51;width:240px;padding:6px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 5px 24px #0002}.column-menu[hidden],#block-status[hidden]{display:none}.column-menu button{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;border:0;border-radius:6px;font-size:13px;cursor:pointer}.column-menu button:hover,.column-menu button:focus-visible{background:#f1f0ff}.column-menu button:disabled{opacity:.4;cursor:default}.column-menu small{display:block;padding:8px 12px;color:#777;font-size:11px;line-height:1.4}#block-status{max-width:160px;border:0;background:#333;color:white;border-radius:5px;padding:5px;font:inherit}

.assignee-dialog{width:min(410px,calc(100vw - 32px));padding:22px;border:1px solid #ddd;border-radius:16px;box-shadow:0 12px 60px #0003}.assignee-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.assignee-heading h2{margin:0;font-size:20px}.assignee-heading button{border:0;background:transparent;font-size:26px;cursor:pointer}.assignee-dialog input[type=search]{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px}.assignee-friends{max-height:320px;overflow:auto;display:grid;gap:6px;margin:12px 0}.assignee-friend{display:flex;align-items:center;gap:12px;padding:9px;border:0;border-radius:8px;background:#f7f7fa;text-align:left;cursor:pointer;font-size:14px}.assignee-friend:hover,.assignee-friend:focus-visible{background:#efecff}.assignee-friend:disabled{opacity:.5;cursor:wait}.assignee-avatar{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#ded9ff;color:#51449a;font-size:12px;font-weight:600;overflow:hidden}.assignee-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#card-assignee[aria-pressed=true]{background:#e7e2ff;color:#51449a}.assignee-dialog [hidden]{display:none}

.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px}.sticker-grid button{display:grid!important;place-items:center;padding:8px!important;font:32px/1.2 "Segoe UI Emoji",sans-serif;min-width:48px;border-radius:8px}.sticker-grid button:hover{background:#eeeaff}

/* One contextual surface for all selected-object settings. */
.selection-toolbar.unified-settings{background:#fff;color:#222;border:1px solid #e5e5e5;gap:5px;flex-wrap:wrap;width:max-content;max-width:min(960px,calc(100vw - 16px));padding:7px;align-items:center}
.unified-settings #properties,.unified-settings #text-format,.unified-settings #object-actions{position:static;transform:none;left:auto;top:auto;max-width:100%;border:0;box-shadow:none;border-radius:0;background:transparent;padding:0 7px;overflow:visible;flex-wrap:wrap;gap:7px;border-right:1px solid #e5e5e5}
.unified-settings #properties{order:1;display:contents}.unified-settings #text-format{order:0}.unified-settings #object-actions{order:3}
.unified-settings>button,.unified-settings>select{order:2;flex-shrink:0}
.unified-settings>button:hover{background:#eeeaff}.unified-settings select{background:#f6f6f8;color:#222;max-width:130px}
.unified-settings #active-tool-name,.unified-settings #properties>.divider,.unified-settings #selection-copy,.unified-settings #selection-delete{display:none}
.unified-settings #text-color-label input{appearance:none;width:22px;height:22px;padding:0;border:0;background:transparent}
.unified-settings #text-color-label input::-webkit-color-swatch-wrapper{padding:0}.unified-settings #text-color-label input::-webkit-color-swatch{border:1px solid #0002;border-radius:50%}
.unified-settings .selection-palette{color:#222}.unified-settings #text-format select{max-width:135px}

.selection-toolbar.unified-settings select{background:#f6f6f8;color:#222}
.unified-settings .color-label span{display:none}.unified-settings .compact-label{font-size:0;gap:0}.unified-settings .compact-label select{font-size:12px}
.unified-settings #text-format{padding-left:0;padding-right:5px}.unified-settings #text-color-label{font-size:0}

/* Compact one-line inspector with click-open settings. */
.selection-toolbar.unified-settings{flex-wrap:nowrap;max-width:calc(100vw - 16px);gap:3px;padding:6px}
.unified-settings #text-format{flex-wrap:nowrap;flex-shrink:0;gap:2px}.unified-settings #text-align{max-width:110px}.unified-settings #font-family{max-width:100px}
.unified-settings #settings-colors,.unified-settings #settings-border{order:1}.unified-settings #settings-more{order:4;font-size:26px}
.settings-popup{position:fixed;z-index:50;width:240px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:white;color:#222;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 30px #0002;font-size:12px;white-space:normal}
.settings-popup strong{font-size:12px;color:#777;margin-bottom:3px}.unified-settings .settings-popup label{display:flex;font-size:12px;gap:10px;justify-content:space-between;align-items:center}.unified-settings .settings-popup label span{display:inline}
.settings-popup>button{display:flex;align-items:center;gap:10px;padding:7px;border-radius:6px;text-align:left;font-size:12px}.settings-popup>button:hover{background:#f2efff}.settings-popup>button[data-icon]::after{content:attr(title)}
.settings-popup select{max-width:100%!important;width:auto;padding:7px}.settings-popup input[type=color]{appearance:none;width:26px;height:26px;padding:0;border:0;background:none;cursor:pointer}.settings-popup input[type=color]::-webkit-color-swatch-wrapper{padding:0}.settings-popup input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:50%}
@media(max-width:650px){.unified-settings #text-align{max-width:70px}.unified-settings #font-family{max-width:75px}.selection-toolbar.unified-settings{gap:1px}.unified-settings>button{width:28px}.unified-settings #text-format{padding-right:2px}.unified-settings #properties{gap:2px}}

.unified-settings .settings-popup #text-color-label{font-size:12px}.unified-settings .settings-popup #object-actions{border:0;padding:0}.settings-popup #object-actions>div{flex-wrap:wrap;white-space:normal}

#settings-colors-popup,#settings-border-popup{width:228px;padding:16px;border-radius:16px;gap:0}
#settings-colors-popup>label,#settings-border-popup>label,#settings-colors-popup>strong,#settings-border-popup>strong{display:none!important}
.visual-palette{display:flex;flex-direction:column;gap:14px}.color-tabs{display:flex;gap:3px;padding:3px;background:#f5f5f7;border-radius:8px}.color-tabs button{padding:7px 5px;font-size:11px;flex:1;white-space:nowrap;border-radius:6px}.color-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #0002;color:#6954dc}
.visual-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.visual-swatches button{width:32px;height:32px;border-radius:50%;border:1px solid #0002;display:grid;place-items:center;font-size:19px;padding:0;justify-self:center}.visual-swatches button:hover{outline:2px solid #aa9bef;outline-offset:2px}.visual-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px white,0 0 0 3px #8170e5}
.palette-caption{font-size:12px;color:#777}.visual-palette .palette-thickness,.visual-palette .palette-custom{font-size:12px!important;display:flex;justify-content:space-between;align-items:center}.visual-palette input[type=range]{width:100%;padding:0;border:0;height:18px;accent-color:#7361e4;cursor:pointer}.no-border{padding:7px;border-radius:6px;background:#f6f5fa;font-size:12px}.palette-custom{border-top:1px solid #eee;padding-top:12px}

.selection-toolbar.unified-settings>button[aria-expanded=true]{background:#eeeaff;color:#6650c9}

/* Type-specific inspector; legacy controls remain available for creation tools only. */
.type-inspector #properties,.type-inspector #text-format,.type-inspector #object-actions,.type-inspector #block-status,.type-inspector #selection-palette{display:none!important}
.object-inspector-bar{display:flex;align-items:center;gap:2px;order:0;flex-shrink:0}.object-inspector-bar button{height:32px;min-width:30px;border-radius:6px;padding:5px 7px;display:flex;align-items:center;justify-content:center;font-size:12px;white-space:nowrap}.object-inspector-bar button:hover,.object-inspector-bar button[aria-expanded=true],.object-inspector-bar button[aria-pressed=true]{background:#eeeaff;color:#6451cc}.object-inspector-bar button[data-inspector=font]{max-width:130px;overflow:hidden}.object-inspector-bar .inspector-bold{font-weight:700}.object-inspector-bar .inspector-italic{font-style:italic}
.object-settings-popup{position:fixed;z-index:60;width:228px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;display:flex;flex-direction:column;gap:14px;padding:16px;background:#fff;color:#222;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 8px 30px #0002;font-size:12px}
.inspector-caption{font-size:12px;color:#777}.inspector-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.inspector-swatches button{width:32px;height:32px;border-radius:50%;padding:0;border:1px solid #0002;font-size:19px;justify-self:center}.inspector-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #8d7ce6}.inspector-swatches button:hover{outline:2px solid #c9c0f1;outline-offset:2px}.inspector-swatches .no-color{background:linear-gradient(135deg,white 48%,#aaa 49%,#aaa 51%,white 52%)}
.inspector-custom,.inspector-slider-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.inspector-custom{border-top:1px solid #eee;padding-top:12px}.inspector-custom input{width:28px;height:28px;padding:0;border:0;appearance:none;background:transparent}.inspector-custom input::-webkit-color-swatch-wrapper{padding:0}.inspector-custom input::-webkit-color-swatch{border:1px solid #0002;border-radius:50%}
.object-settings-popup input[type=range]{width:100%;padding:0;border:0;accent-color:#7561df;cursor:pointer;height:16px}.inspector-choice-row{display:flex;gap:4px;border-bottom:1px solid #eee;padding-bottom:10px}.inspector-choice-row button{flex:1;padding:10px 4px;border-radius:7px;font-size:19px}.inspector-choice-row button[aria-pressed=true]{background:#f2f0f9;color:#7763e4}
.inspector-font-list{display:flex;flex-direction:column;gap:2px}.inspector-font-list button{text-align:left;padding:9px 5px;border-radius:5px;font-size:16px}.object-settings-popup button:hover{background-color:#f1eff9}.inspector-font-list button[aria-pressed=true]{background:#f1eff9}.inspector-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.inspector-sizes button{padding:9px;border-radius:6px}.object-settings-popup>button,.object-settings-popup form button{padding:8px;text-align:left;border-radius:6px}.object-settings-popup form{display:flex;flex-direction:column;gap:8px}.object-settings-popup a{padding:8px;color:#6750c8}
@media(max-width:850px){.type-inspector .object-inspector-bar{gap:0}.object-inspector-bar button{min-width:26px;padding:4px}.type-inspector>button{width:28px}.object-inspector-bar button[data-inspector=font]{max-width:85px}}

.inspector-swatches{max-height:244px;overflow-y:auto;padding:4px;margin:-4px;scrollbar-width:thin;flex-shrink:0}.object-settings-popup{overscroll-behavior:contain}.object-settings-popup[aria-label="Обводка"] .inspector-swatches{flex-shrink:1;min-height:160px}

.type-inspector .icon,.card-toolbar .icon{width:19px;height:19px;stroke-width:1.65}.object-inspector-bar button[data-inspector=font]::after,.object-inspector-bar button[data-inspector=size]::after{content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 8px;opacity:.6}.object-inspector-bar button[data-inspector=font],.object-inspector-bar button[data-inspector=size]{font-size:12px;gap:2px}.type-inspector>button{border-radius:6px}.object-inspector-bar button{min-width:32px}.canvas [data-locked=true],.canvas [data-locked=true] *{cursor:default!important}.inspector-choice-row button{display:grid;place-items:center}.object-inspector-bar button:disabled:hover{background:transparent;color:inherit}

/* Locked selections expose only the unlock control; original visibility is restored on unlock. */
.selection-toolbar.locked-inspector > :not(.object-inspector-bar),.selection-toolbar.locked-inspector .object-inspector-bar > :not([data-inspector="lock"]),.card-toolbar.locked-inspector > :not(#card-lock){display:none!important}

/* Dark theme affects the app and neutral canvas surfaces, not saved object colors. */
:root[data-theme=dark]{color-scheme:dark;--line:#3b414d;background:#181c23;color:#edf0f7}
[data-theme=dark] body{background:#181c23;color:#edf0f7}
[data-theme=dark] :is(.loading,.properties,.selection-toolbar,.card-toolbar,.canvas-controls,.connection-menu,.object-settings-popup,.tool-variants,.column-palette,.text-format,.auth-screen,.auth-card,dialog,.comment-panel,.share-panel){background:#242a34;color:#edf0f7;border-color:#414957;box-shadow:0 8px 32px #0004}
[data-theme=dark] :is(.square.pale,.subtle,.board-card,.item-row,.inspector-sizes button){background:#2b323e;color:#edf0f7;border-color:#414957}
[data-theme=dark] :is(input:not([type=color],[type=range]),textarea,select,.card-toolbar button,.card-toolbar select){background:#303846;color:#edf0f7;border-color:#4c5668}
[data-theme=dark] :is(.field-help,.muted,.inspector-caption,.canvas-welcome p,.eyebrow,.bottom-hint,.welcome-hint,.board-card-info small){color:#abb4c4}
[data-theme=dark] :is(.object-inspector-bar button:hover,.object-inspector-bar button[aria-expanded=true],.object-inspector-bar button[aria-pressed=true],.card-toolbar button:hover){background:#443e68;color:#d6ccff}
[data-theme=dark] .canvas .canvas-background{fill:#181c23}
[data-theme=dark] .canvas .grid-dots.grid-minor{fill:#323a47}[data-theme=dark] .canvas .grid-cross.grid-minor{stroke:#323a47}[data-theme=dark] .canvas :is(.grid-lines,.grid-squares).grid-minor{stroke:#252c36}
[data-theme=dark] .canvas .grid-dots.grid-major{fill:#4a5464}[data-theme=dark] .canvas .grid-cross.grid-major{stroke:#4a5464}[data-theme=dark] .canvas :is(.grid-lines,.grid-squares).grid-major{stroke:#343d4b}
[data-theme=dark] .canvas [data-neutral=true] :is(rect[fill="#ffffff"],rect[fill="#fff"],rect[fill="white"]){fill:#272f3c}
[data-theme=dark] .canvas [data-neutral=true] :is(rect[fill="#f7f7fa"],rect[fill="#f1f2f5"],rect[fill="#f2f2f2"]){fill:#343d4b}
[data-theme=dark] .canvas [data-neutral=true] rect[fill="#f1f0ff"]{fill:#383451}
[data-theme=dark] .canvas [data-neutral=true] :is(text[fill="#171717"],text[fill="#191919"],text[fill="#333333"],text[fill="#24262b"]){fill:#edf0f7}
[data-theme=dark] .canvas [data-neutral=true] :is(text[fill="#888888"],text[fill="#777777"]){fill:#b6bece}
[data-theme=dark] .canvas [data-neutral=true] :is(path[stroke="#171717"],line[stroke="#171717"],polyline[stroke="#171717"]){stroke:#d7deeb}
[data-theme=dark] .canvas [data-neutral=true] rect[fill="#171717"]{fill:#424b5c}
[data-theme=dark] .canvas [data-card-id][data-neutral=false] text[fill="#171717"]{fill:#171717}
[data-theme=dark] .canvas [data-neutral=true] text[fill="#6152b8"]{fill:#bdb0ff}
[data-theme=dark] .canvas [data-neutral=true] rect[fill="#f1f0ff"]~text{fill:#bdb0ff}
[data-theme=dark] .inspector-choice-row button{background:#303846;color:#edf0f7}
[data-theme=dark] .board-preview{background-color:#252c36}
#chart-source-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}#chart-source-options label{min-width:0}#edit-fields select{padding:10px;border:1px solid var(--line);border-radius:7px;max-width:100%}

#phone-dialog{width:min(440px,calc(100vw - 28px));text-align:center}#phone-qr{display:block;width:240px;height:240px;max-width:100%;margin:20px auto;image-rendering:pixelated;border-radius:8px}#phone-qr[hidden]{display:none}#qr-code,#phone-code{display:block;font-size:36px;letter-spacing:8px;margin:20px 0;font-variant-numeric:tabular-nums}#qr-message{font-size:14px;line-height:1.6}.phone-login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f4f5f9}.phone-login main{width:min(420px,100%);padding:28px;background:white;border:1px solid #ddd;border-radius:18px}.phone-login p{line-height:1.7}.phone-login a{display:block;margin-top:24px;font-size:14px}

[data-theme=dark] :is(.share-open,.avatar){color:#171717}
[data-theme=dark] :is(.tool-menu,.column-menu,.settings-popup,.assignee-friend,.share-friend){background:#242a34;color:#edf0f7;border-color:#414957}
[data-theme=dark] :is(.color-label,.compact-label,#save-status){color:#acb5c5}
[data-theme=dark] #save-status[data-state=error]{color:#ff9a91}
[data-theme=dark] .canvas [data-neutral=true] text[fill="#666666"]{fill:#bbc5d5}
[data-theme=dark] :is(.tool-menu button:hover,.column-menu button:hover,.object-settings-popup button:not([data-color]):hover){background:#443e68;color:#edf0f7}
[data-theme=dark] .canvas [data-neutral=true] line[stroke="#e5e5e5"]{stroke:#465164}
@media(max-width:700px){.user-panel{gap:4px;right:12px}.user-panel .square,.user-panel .avatar{width:30px;height:32px}.board-heading>button{max-width:105px}.share-open{padding:7px}.board-header{left:12px;gap:6px}}

[data-theme=dark] .mt-inline-editor[data-theme-text=neutral]{color:#edf0f7!important}[data-theme=dark] .mt-inline-editor[data-theme-surface=neutral]{background:#303846!important}

[data-theme=dark] .tool-menu button{background:#242a34;color:#edf0f7}[data-theme=dark] .tool-menu button:hover{background:#443e68}[data-theme=dark] .tool-menu .variant-symbol{color:#d8d1f5}[data-theme=dark] :is(.tool-menu strong,.column-menu small,.share-member small){color:#abb4c4}[data-theme=dark] .board-card-menu button:hover{background:#443e68}

/* Keep connection choices legible in mouse and keyboard focus states. */
[data-theme=dark] #connection-choices button:is(:hover,:focus-visible){background:#443e68;color:#edf0f7}
[data-theme=dark] .connection-keep{color:#abb4c4;border-color:#414957}
[data-theme=dark] .connection-keep:is(:hover,:focus-visible){color:#edf0f7}

#chart-colors{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:16px;margin-top:16px}#chart-colors>label{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere}#chart-colors input[type=color]{width:32px;height:32px;padding:2px;flex:none;border:1px solid var(--line);border-radius:7px;cursor:pointer}#chart-colors>strong{font-size:13px}

#chart-colors>label{flex-direction:row;justify-content:flex-start;margin:0}#chart-colors{max-height:320px;overflow-y:auto}#chart-source-options>label:only-child{grid-column:1/-1}

#chart-colors .chart-point{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center}#chart-colors .chart-point[data-custom=true]{grid-template-columns:32px minmax(0,1fr) 68px 24px}#chart-colors .chart-point input:not([type=color]){width:100%;min-width:0;padding:7px 5px;font-size:12px}#chart-colors .chart-point span{font-size:12px;overflow-wrap:anywhere}#chart-colors .chart-point button{font-size:22px;color:#bf4545;border-radius:5px}#chart-colors .chart-point button:hover{background:#bf45451a}

#chart-colors .chart-point[data-custom=false]{grid-template-columns:32px minmax(0,1fr) 24px}

.canvas [data-locked=true] [data-card-movable=true],.canvas [data-locked=true] [data-card-movable=true] *{cursor:grab!important}.canvas [data-locked=true] [data-card-moving=true],.canvas [data-locked=true] [data-card-moving=true] *{cursor:grabbing!important}

.canvas [data-locked=true] [data-kanban-action=card]{cursor:pointer!important}

/* Template library: one searchable catalog, with actual canvas previews. */
.templates-dialog{width:min(1240px,calc(100vw - 40px));max-width:none;height:min(820px,calc(100dvh - 40px));max-height:none;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);overflow:hidden}
.templates-dialog[open]{display:grid;grid-template-columns:235px minmax(0,1fr)}
.templates-dialog::backdrop{background:#10142080;backdrop-filter:blur(3px)}
.templates-sidebar{border-right:1px solid var(--line);padding:32px 20px;overflow:auto}
.templates-sidebar h2{font-size:25px;margin:0 12px 12px;letter-spacing:-.6px}
.templates-intro{font-size:12px;color:var(--muted);line-height:1.6;margin:0 12px 30px}
.templates-sidebar nav{display:grid;gap:6px}
.templates-sidebar nav button{padding:13px 14px;text-align:left;border-radius:9px;font-size:13px;color:var(--ink);background:transparent;line-height:1.4}
.templates-sidebar nav button:hover{background:#7963ed0c}
.templates-sidebar nav button[aria-pressed=true]{background:#7963ed17;color:#6b50d7;font-weight:600}
.templates-main{min-width:0;overflow:auto;padding:0 30px 30px}
.templates-header{position:sticky;top:0;z-index:1;background:var(--paper);display:flex;align-items:center;gap:18px;padding:28px 0 18px}
.templates-header input[type=search]{min-width:100px;flex:1;width:100%;border:1px solid transparent;border-radius:10px;padding:13px 16px;background:#f4f4f6;color:var(--ink);font-size:13px}
.templates-header .templates-preference{display:flex;align-items:center;gap:8px;white-space:normal;max-width:190px;font-size:11px;line-height:1.4;margin:0;cursor:pointer}
.templates-preference input{width:16px;height:16px;flex:none;accent-color:#7963ed}
.templates-close{font-size:28px;line-height:1;width:32px;height:32px;flex:none;border-radius:8px;color:var(--ink)}
.templates-close:hover{background:#7963ed17}
.templates-hint{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 22px}
.templates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;align-items:start}
.template-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;padding:0 0 15px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);color:var(--ink);transition:box-shadow .15s,border-color .15s}
.template-card:hover,.template-card:focus-visible{border-color:#7963ed;box-shadow:0 5px 20px #7963ed18}
.template-card[hidden]{display:none}
.template-preview{height:150px;display:flex;align-items:center;padding:10px;background:#f4f4f8;border-bottom:1px solid var(--line)}
.template-preview svg{width:100%;height:100%;display:block}
.template-category{font-size:10px;color:var(--muted);padding:15px 14px 7px}
.template-card strong{font-size:16px;line-height:1.3;padding:0 14px;letter-spacing:-.2px}
.template-description{font-size:12px;line-height:1.5;color:var(--muted);padding:8px 14px;min-height:52px}
.template-use{font-size:11px;color:#6b50d7;padding:5px 14px 0}
.templates-empty{padding:60px 15px;text-align:center;color:var(--muted);font-size:14px}
[data-theme=dark] .templates-dialog{--paper:#242a34;--ink:#edf0f7;--muted:#abb4c4;--line:#414957}
[data-theme=dark] .templates-header input[type=search]{background:#303846;color:#edf0f7;border-color:#4c5668}
[data-theme=dark] .template-preview{background:#e6e7ef}
[data-theme=dark] .templates-sidebar nav button[aria-pressed=true]{background:#443e68;color:#d6ccff}
[data-theme=dark] .template-use{color:#b9a9ff}
@media(max-width:1100px){.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-dialog[open]{grid-template-columns:200px minmax(0,1fr)}.templates-header{gap:10px}}
@media(max-width:700px){.templates-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.templates-dialog[open]{display:flex;flex-direction:column}.templates-sidebar{padding:18px 16px 10px;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.templates-sidebar h2{margin:0 0 12px;font-size:22px}.templates-intro{display:none}.templates-sidebar nav{display:flex;overflow:auto;gap:5px}.templates-sidebar nav button{white-space:nowrap;padding:10px;font-size:11px}.templates-main{padding:0 16px 16px}.templates-header{padding-top:14px;flex-wrap:wrap}.templates-header input[type=search]{flex-basis:calc(100% - 50px)}.templates-close{order:1}.templates-preference{order:2;max-width:none!important}.templates-header input[type=search]{order:0}.templates-grid{gap:12px}.template-preview{height:110px}.template-card strong{font-size:14px}.template-description{font-size:11px}.templates-hint{font-size:11px}}
@media(max-width:410px){.templates-grid{grid-template-columns:1fr}.template-preview{height:160px}}
.templates-tools{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:0 0 22px}.templates-tools .templates-hint{margin:0}.templates-save{flex:none;background:#7963ed17;color:var(--ink);border:1px solid #7963ed40;border-radius:9px;padding:10px 12px;font-size:12px}.templates-save:disabled{opacity:.5;cursor:default}.template-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.template-actions button{font-size:11px;color:var(--ink);border-radius:6px;padding:8px;background:#7963ed12}.template-actions .template-use{flex-basis:100%;text-align:left;font-size:12px;color:#7963ed}.template-card[aria-busy=true]{opacity:.6;pointer-events:none}article.template-card{cursor:default}.template-preview{display:flex;align-items:center;justify-content:center;color:#7963ed;font-size:18px}@media(max-width:700px){.templates-tools{align-items:stretch;flex-direction:column;gap:8px}.templates-save{align-self:flex-start}}
.template-actions{margin:8px 12px 0}[data-theme=dark] .template-actions .template-use{color:#c3b6ff}
/* Lightweight previews and compositor-only motion. */
.templates-dialog::backdrop,dialog::backdrop{backdrop-filter:none}
.templates-main{overscroll-behavior:contain;scrollbar-gutter:stable}
.template-card{contain:layout paint style}
.template-preview img{width:100%;height:100%;object-fit:contain;display:block}
/* A monotonic settle: no overshoot, scale changes or moving hit targets. */
@keyframes mt-reveal{from{opacity:0}to{opacity:1}}
@keyframes mt-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
 dialog[open],.auth-card,.auth-art,.phone-login main{animation:mt-reveal 260ms cubic-bezier(.22,1,.36,1) backwards}
 dialog[open]::backdrop{animation:mt-fade 180ms ease-out both}
 :is(.selection-toolbar,.card-toolbar,.connection-menu,.tool-menu,.column-menu,.column-palette,.object-settings-popup,.comment-panel,.selection-palette,.zoom-panel,.cell-context-menu):not([hidden]){animation:mt-reveal 180ms cubic-bezier(.22,1,.36,1) backwards}
 #workspace>.properties:not([hidden]),#workspace>.text-format:not([hidden]),#workspace>.object-actions:not([hidden]){animation:mt-reveal 180ms ease-out backwards}
 .board-card,.template-card,.assignee-friend,.share-member,.item-row{animation:mt-fade 180ms ease-out both}
 .toast:not([hidden]),.canvas-welcome:not([hidden]),#workspace:not([hidden])>:is(.board-header,.toolbar,.canvas-controls,.user-panel),.auth-brand,.back-site,.form-error:not(:empty){animation:mt-fade 200ms ease-out both}
 #phone-qr:not([hidden]),#phone-code:not(:empty),#qr-code:not(:empty),#qr-approve:not([hidden]),#qr-retry:not([hidden]){animation:mt-fade 180ms ease-out both}
 button,.button,.template-card,.board-card,input,select,textarea{transition:background-color 140ms ease-out,color 140ms ease-out,border-color 140ms ease-out,box-shadow 140ms ease-out}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Cell actions stay in screen coordinates at every canvas zoom. */
.mt-cell-controls.has-range{background:#8270f51a}
.cell-menu-trigger{position:absolute;pointer-events:auto;width:32px;height:28px;padding:0;border:1px solid #d6d0ee;border-radius:7px;background:var(--paper);color:var(--ink);font:700 22px/22px Arial;box-shadow:0 2px 8px #0002}
.cell-menu-trigger:hover,.cell-menu-trigger[aria-expanded=true]{background:#efebff;color:#6755d9}
.cell-context-menu{position:absolute;pointer-events:auto;width:232px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #0003;text-align:left}
.cell-context-menu button{display:block;width:100%;min-height:34px;padding:8px 10px;border-radius:6px;text-align:left;font:13px/18px Arial;white-space:normal}
.cell-context-menu button:hover:not(:disabled),.cell-context-menu button:focus-visible{background:#efebff;color:#6755d9;outline:0}
.cell-context-menu button:disabled{cursor:not-allowed;opacity:.4}
.cell-context-menu hr{margin:5px 7px;border:0;border-top:1px solid var(--line)}
[data-theme=dark] .cell-menu-trigger{border-color:#5c527c}
[data-theme=dark] .cell-menu-trigger:hover,[data-theme=dark] .cell-menu-trigger[aria-expanded=true],[data-theme=dark] .cell-context-menu button:hover:not(:disabled),[data-theme=dark] .cell-context-menu button:focus-visible{background:#443a63;color:#e4d8ff}

.mt-cell-controls:has(.cell-context-menu){z-index:24}
[data-theme=dark] .cell-menu-trigger,[data-theme=dark] .cell-context-menu{background:#242a34;color:#edf0f7;border-color:#414b5a}
[data-theme=dark] .cell-context-menu button:hover:not(:disabled),[data-theme=dark] .cell-context-menu button:focus-visible,[data-theme=dark] .cell-menu-trigger:hover,[data-theme=dark] .cell-menu-trigger[aria-expanded=true]{background:#443a63;color:#e4d8ff}

/* Only neutral connector ink adapts; stored colors and transparent hit areas stay intact. */
[data-theme=dark] .canvas [data-theme-connection=neutral]>path[stroke]:not([stroke="transparent"]){stroke:#edf0f7}
[data-theme=dark] .canvas [data-theme-connection=neutral]>text{fill:#edf0f7}

/* Frames: list in presentation order and a full-screen show of one frame at a time. */
.frames-panel{position:fixed;z-index:30;left:24px;top:112px;width:min(280px,calc(100vw - 32px));max-height:calc(100dvh - 200px);display:flex;flex-direction:column;gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #0002}
.frames-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.frames-count{color:var(--muted);font-weight:400}
.frames-actions{display:flex;gap:2px}
.frames-actions .square{width:30px;height:30px;border:0;background:transparent;color:inherit;cursor:pointer}
.frames-actions .square:hover:not(:disabled){background:#0000000d}
.frames-actions .square:disabled{opacity:.35;cursor:default}
.frames-actions .icon{width:17px;height:17px}
.frames-list{list-style:none;margin:0;padding:2px;overflow:auto;display:flex;flex-direction:column;gap:4px}
.frames-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;border:1px solid transparent;cursor:pointer;font-size:13px;user-select:none}
.frames-row:hover{background:#f4f4f1}
.frames-row[aria-current=true]{border-color:#6366f1;background:#6366f10f}
.frames-row:focus-visible{outline:2px solid #6366f1;outline-offset:1px}
.frames-row.dragging{opacity:.4}
.frames-row.drop-before{box-shadow:0 -3px 0 #6366f1}
.frames-list.drop-end .frames-row:last-child{box-shadow:0 3px 0 #6366f1}
.frames-number{min-width:24px;height:24px;border-radius:6px;background:#efefec;color:#55564f;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.frames-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frames-empty{font-size:12px;line-height:1.55;color:var(--muted)}
.frames-empty p{margin:0 0 8px}
.frames-hint{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}
[data-theme=dark] .frames-panel{background:#242a34;color:#edf0f7;border-color:#414957;box-shadow:0 8px 32px #0004}
[data-theme=dark] .frames-row:hover{background:#2e3542}
[data-theme=dark] .frames-number{background:#343d4b;color:#d5dae4}
[data-theme=dark] .frames-actions .square:hover:not(:disabled){background:#ffffff14}
[data-theme=dark] .canvas [data-neutral=true] rect[stroke="#d4d6dd"]{stroke:#4a5263}
body.presenting #workspace>:not(#canvas):not(#presentation){display:none!important}
.presentation{position:fixed;inset:0;z-index:50;pointer-events:none}
.presentation-mask{position:fixed;box-shadow:0 0 0 200vmax #101114;pointer-events:none}
.presentation-bar{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;max-width:calc(100vw - 24px);border-radius:12px;background:#1d1f24eb;color:#fff;box-shadow:0 8px 30px #0006;pointer-events:auto;transition:opacity .25s,transform .25s}
.presentation-button{width:36px;height:36px;flex-shrink:0;border:0;border-radius:8px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.presentation-button:hover:not(:disabled){background:#ffffff1f}
.presentation-button:disabled{opacity:.35;cursor:default}
.presentation-button:focus-visible{outline:2px solid #a5a7ff}
.presentation-button .icon{width:18px;height:18px}
.presentation-label{min-width:0;max-width:min(420px,50vw);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
body.presentation-idle .presentation-bar{opacity:0;transform:translate(-50%,8px)}
body.presentation-idle .canvas svg{cursor:none!important}
@media(prefers-reduced-motion:reduce){.presentation-bar{transition:none}}
@media(max-width:700px){.frames-panel{left:12px;top:182px;max-height:calc(100dvh - 260px)}.presentation-bar{bottom:12px}}

/* Object cursors follow the active tool from one layer attribute, so tool changes do not rebuild objects. */
.canvas g[data-cursor=grab]>[data-object-id]{cursor:grab}
.canvas g[data-cursor=inherit]>[data-object-id]{cursor:inherit}
.canvas g[data-cursor=grabbing]>[data-object-id],.canvas g[data-cursor=grabbing]>[data-object-id] *{cursor:grabbing!important}

/* Motion: lifted drag shadow and a short colour cross-fade when the theme changes. */
.canvas [data-lifted]{filter:drop-shadow(0 10px 14px rgb(15 23 42/.16)) drop-shadow(0 2px 3px rgb(15 23 42/.1))}
[data-theme=dark] .canvas [data-lifted]{filter:drop-shadow(0 10px 16px rgb(0 0 0/.45))}
html.theme-switching :is(body,#workspace>*,dialog,.canvas-background,.grid-minor,.grid-major,.frames-panel,.selection-toolbar,.object-settings-popup),html.theme-switching :is(#workspace>*,dialog) :not(svg *){transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease,stroke .3s ease!important}
@media(prefers-reduced-motion:reduce){.canvas [data-lifted]{filter:none}html.theme-switching *{transition:none!important}}

/* Look and feel: one soft elevation, frosted floating panels, tactile buttons and a livelier reveal. */
:root{--elevation:0 1px 2px rgb(16 24 40/.05),0 10px 28px rgb(16 24 40/.09)}
[data-theme=dark]{--elevation:0 1px 2px rgb(0 0 0/.3),0 12px 32px rgb(0 0 0/.38)}
/* The blur sits on a pseudo-element: backdrop-filter on the panel itself would make it the containing block of its fixed popups and shift them. */
:is(.canvas-controls,.frames-panel,#workspace>.properties,.selection-toolbar.unified-settings){background:rgb(255 255 255/.84);box-shadow:var(--elevation)}
:is(.canvas-controls,.frames-panel,#workspace>.properties,.selection-toolbar.unified-settings)::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);pointer-events:none}
[data-theme=dark] :is(.canvas-controls,.frames-panel,#workspace>.properties,.selection-toolbar.unified-settings){background:rgb(36 42 52/.82)}
.toolbar{box-shadow:0 2px 4px rgb(0 0 0/.12),0 14px 34px rgb(0 0 0/.2)}
.toolbar .tool{transition:background-color .15s ease,color .15s ease,scale .15s ease}
.toolbar .tool:active,:is(.square,.button,.share-open,.presentation-button,.tool-menu button,.frames-row):active:not(:disabled){scale:.94}
:is(.square,.button,.share-open,.presentation-button,.tool-menu button,.frames-row){transition:background-color 140ms ease-out,color 140ms ease-out,border-color 140ms ease-out,box-shadow 140ms ease-out,scale .12s ease-out}
.frames-row:hover .frames-number{background:#6366f1;color:#fff}
.frames-number{transition:background-color .15s,color .15s}
@media(prefers-reduced-motion:no-preference){
 /* Ends on none: a kept translate or scale would also capture fixed popups inside the panel. */
 @keyframes mt-reveal{from{opacity:0;translate:0 6px;scale:.98}to{opacity:1;translate:none;scale:none}}
 @keyframes mt-pop{0%{scale:.82}60%{scale:1.08}100%{scale:1}}
 @keyframes mt-toast{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
 @keyframes mt-breathe{0%,100%{opacity:.55;scale:.97}50%{opacity:1;scale:1}}
 .toolbar .tool[aria-pressed=true]{animation:mt-pop .28s cubic-bezier(.22,1,.36,1)}
 .toast:not([hidden]){animation:mt-toast .28s cubic-bezier(.22,1,.36,1) both}
 .loading .brand{animation:mt-breathe 1.6s ease-in-out infinite}
 .frames-panel:not([hidden]){animation:mt-reveal .22s cubic-bezier(.22,1,.36,1) backwards}
}
@media(prefers-reduced-motion:reduce){.toolbar .tool:active,:is(.square,.button,.share-open,.presentation-button,.tool-menu button,.frames-row):active{scale:none}}

/* Grid look picker above the grid button. */
.grid-menu{width:236px}
.grid-menu button[aria-checked=true]{background:#eeebff;font-weight:700}
.grid-menu button[aria-checked=true]:after{content:'✓';margin-left:auto;color:#6366f1}
[data-theme=dark] .grid-menu button[aria-checked=true]{background:#383451}

/* Hidden interface: only the board, collaborators' cursors and a small button to bring the interface back. */
body.ui-hidden #workspace>:not(#canvas):not(#remote-cursors):not(#ui-show):not(#presentation){display:none!important}
.ui-show{position:fixed;right:24px;bottom:20px;z-index:20;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:rgb(255 255 255/.8);color:#191919;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--elevation);opacity:.6;cursor:pointer;transition:opacity .2s ease,scale .12s ease-out}
.ui-show:hover,.ui-show:focus-visible{opacity:1}
.ui-show:active{scale:.94}
.ui-show[hidden],body.presenting .ui-show{display:none}
[data-theme=dark] .ui-show{background:rgb(36 42 52/.82);color:#edf0f7;border-color:#414957}
@media(max-width:700px){.ui-show{right:16px;bottom:16px}}