:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253d36;background:#fafbf8;font-synthesis:none;--green:#20594a;--muted:#79847c;--line:#e4e7df;--paper:#fafbf8}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button,input,textarea,select{outline-offset:3px}button{border:0;background:none}a{color:inherit}input,textarea,select{border:1px solid #dce1d9;border-radius:7px;background:white;padding:10px;color:#253d36}textarea{resize:vertical;min-height:100px;line-height:1.5}label{display:grid;gap:7px;font-size:12px;font-weight:600}small{color:var(--muted);font-size:11px}h1,h2,h3,p{margin-top:0}.primary,.secondary,.danger{border-radius:7px;padding:10px 15px;font-size:12px;font-weight:600}.primary{background:var(--green);color:#fff}.secondary{border:1px solid #dce1d9;background:white}.danger{color:#a43d36;background:#fcecea}.text-button{font-size:11px;padding:4px 0;color:#64756b}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#748278}.brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-1px;font-weight:650;text-decoration:none}.brand-mark{background:var(--green);color:#faf7e9;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:27px;line-height:1;padding-bottom:4px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.auth-story{padding:45px 8%;background:#e9ede4;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden}.auth-story h1{font-size:clamp(32px,4vw,61px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.auth-story p{max-width:410px;line-height:1.7;color:#66786d;font-size:15px}.paper-stack{height:230px;position:relative;margin:40px 0}.paper{position:absolute;width:165px;height:165px;padding:22px;box-shadow:0 8px 12px #263d3610;font-size:23px;font-weight:500;line-height:1.25}.paper span{display:block;font-size:30px;margin-top:6px}.peach{background:#f2c4ac;transform:rotate(-10deg);top:20px}.yellow{background:#f7e8a5;left:135px;transform:rotate(8deg)}.green{background:#c5d7b2;left:280px;top:55px;transform:rotate(-4deg)}.auth-form{align-self:center;justify-self:center;width:min(370px,85%);padding:40px 0}.auth-form h2{margin:18px 0 12px;font-size:28px;letter-spacing:-1px}.auth-form p{color:#778179;font-size:13px;line-height:1.6}.auth-form form{display:grid;gap:20px;margin:30px 0 8px}.auth-form input{padding:13px}.auth-form .primary{padding:14px}.auth-form>small{display:block;margin-top:45px}.form-error{color:#a43d36!important;min-height:16px}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:18px}.divider{height:25px;width:1px;background:var(--line);display:inline-block}.board-identity{display:grid;gap:4px}.board-identity select{border:0;padding:0 20px 0 0;font-size:14px;font-weight:650;max-width:260px}.board-identity span{font-size:10px;color:#8b938d}.icon-btn{font-size:22px;color:#7a887e}.top-spacer{flex:1}.avatar{background:#e8dccd;width:33px;height:33px;border-radius:50%;font-size:11px;font-weight:700;border:2px solid white}.avatars{display:flex}.avatars .avatar{margin-left:-8px;background:#cfdcd0}.live-tag{font-size:10px;color:#78887d;display:flex;gap:7px;align-items:center}.live-tag i{width:6px;height:6px;background:#538f62;border-radius:50%}.workspace{display:flex;height:calc(100vh - 76px)}.library{width:322px;min-width:322px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}.library-heading{padding:26px 22px 15px}.library-heading h1{font-size:23px;letter-spacing:-.8px;margin:12px 0 9px;display:flex;justify-content:space-between}.library-heading h1 span{font-size:26px;color:#8d9d76}.library-heading p{font-size:11px;color:#7c877e;margin-bottom:0}.search{margin:5px 22px 16px;display:flex;border:1px solid var(--line);border-radius:7px;padding:0 10px;align-items:center;gap:7px;height:37px;background:#fafbf9;color:#89948a}.search>span{font-size:25px}.search input{border:0;background:transparent;padding:0;font-size:11px;width:100%;outline:none}.search kbd{font-size:10px;border:1px solid #e0e5dc;border-radius:3px;padding:0 4px}.categories{display:flex;gap:6px;flex-wrap:wrap;padding:0 22px 18px;border-bottom:1px solid var(--line)}.category{padding:6px 9px;border:1px solid #e8ece5;border-radius:5px;font-size:10px;color:#788279}.category.active{background:#e8efe7;border-color:#dae5d8;color:#315940;font-weight:600}.library-count{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#859085;padding:17px 22px 10px}.template-list{overflow:auto;padding:0 22px 20px;flex:1}.template-card{width:100%;padding:0;text-align:left;margin:0 0 17px;border:1px solid #e2e6de;border-radius:9px;overflow:hidden;background:white;transition:border-color .15s,transform .15s}.template-card:hover{border-color:#8baf98;transform:translateY(-2px)}.mini-preview{height:116px;background:#f2f3ed;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:13px}.mini-preview svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px #314c3610)}.card-copy{padding:12px 13px}.card-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650}.card-copy p{font-size:10px;color:#859082;line-height:1.6;margin:6px 0}.card-meta{font-size:9px;color:#8b968a;display:flex;gap:8px;align-items:center}.card-meta span{width:4px;height:4px;background:#acb7a5;border-radius:50%}.library-footer{padding:17px 22px;border-top:1px solid var(--line);display:grid;gap:9px}.library-footer>span{font-size:10px;color:#90988d}.library-footer button{font-size:11px}.board-main{position:relative;flex:1;min-width:0;overflow:hidden;background:#f7f8f3}.canvas-top{position:absolute;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;z-index:2;pointer-events:none}.canvas-top>*{pointer-events:auto}.canvas-top>span{font-size:10px;color:#91998e}.canvas-top>button{font-size:10px;background:#f7f8f3;padding:6px 9px;border-radius:5px}#canvas{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(#cdd6c8 .8px,transparent .8px);background-size:22px 22px;touch-action:none}#world{position:absolute;transform-origin:0 0;inset:0;pointer-events:none}#objects{position:absolute;inset:0;pointer-events:none}.object{position:absolute;pointer-events:auto;user-select:none;overflow:visible;border:1px solid transparent;color:#30443b;touch-action:none}.object.frame{border:1.5px solid #c5cfc0;border-radius:10px;background:#fdfefbd9;box-shadow:0 3px 15px #223b2910}.object .obj-text{white-space:pre-wrap;overflow:hidden;height:100%;padding:14px;line-height:1.45;font-size:16px}.object.frame>.obj-text{font-size:21px;font-weight:600;height:49px;padding:14px 25px}.object.shape{border-radius:7px;border:1px solid #bbc7b322}.object.shape>.obj-text{font-weight:600;font-size:16px}.object.sticky{box-shadow:1px 3px 5px #293e301c;border-radius:2px}.object.action{background:#fff;border:1px solid #bed1c1;border-radius:6px;box-shadow:1px 3px 5px #293e3010}.object.action .obj-text{padding-bottom:48px}.action-meta{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:6px;align-items:center;font-size:10px;color:#5b7560}.action-meta span{border-radius:4px;padding:3px 5px;background:#e7efe4}.example-label{position:absolute;bottom:6px;right:9px;font-size:9px;font-weight:700;letter-spacing:1px;color:#807646;opacity:.65}.object.selected{outline:2px solid #3d8064;outline-offset:3px}.resize-handle{position:absolute;bottom:-7px;right:-7px;width:13px;height:13px;background:white;border:2px solid #3d8064;border-radius:2px;cursor:nwse-resize;z-index:5}.vote-badge{position:absolute;top:-10px;right:-10px;border-radius:20px;background:#355f4b;color:white;font-size:11px;padding:4px 8px;border:2px solid white;z-index:3}.frame-assistants{position:absolute;top:-27px;left:0;font-size:11px;background:#e1eade;padding:4px 8px;border-radius:4px}#connections{position:absolute;left:0;top:0;width:100000px;height:100000px;overflow:visible;pointer-events:none}#connections path{pointer-events:stroke;cursor:pointer}#empty{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;width:90%;pointer-events:none}#empty h2{font-size:22px;letter-spacing:-.6px;font-weight:500;margin-bottom:12px}#empty p{font-size:12px;color:#889281;line-height:1.8}#empty>span{display:block;font-size:9px;color:#9ca491;margin-top:28px;letter-spacing:.4px}.empty-graphic{height:145px;position:relative;width:250px;margin:0 auto 28px}.empty-graphic div{position:absolute;left:25px;top:12px;width:111px;height:111px;background:#f4e7ad;transform:rotate(-9deg);padding:38px 5px;font-size:15px;box-shadow:2px 5px 7px #4e593014}.empty-graphic div+div{left:116px;top:32px;background:#d9e4cc;transform:rotate(9deg);font-size:13px}.empty-graphic span{position:absolute;left:211px;top:0;font-size:40px;color:#8d9a79;transform:rotate(10deg)}.canvas-toolbar{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);padding:7px;display:flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 18px #35462e0a;align-items:center;z-index:4}.tool{width:46px;height:45px;border-radius:6px;font-size:21px;display:grid;place-items:center;padding:4px;gap:1px}.tool small{font-size:8px;color:#85907f}.tool.active{background:#e9efe3;color:#3c624c}.tool:hover{background:#f0f3eb}.canvas-toolbar .divider{margin:0 5px}.zoom-controls{position:absolute;bottom:27px;right:20px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:6px;z-index:3}.zoom-controls button{font-size:12px;padding:5px}.zoom-controls .divider{height:16px;margin:0 5px}#placement{position:absolute;border:3px dashed #568168;background:#e8efe67a;border-radius:10px;pointer-events:none;display:flex;justify-content:center;align-items:center;font-size:25px;color:#355d46}#placement[hidden]{display:none}#placement-hint{position:absolute;left:50%;top:58px;transform:translateX(-50%);background:#2d5848;color:#fff;padding:10px 20px;border-radius:7px;font-size:12px;z-index:8}.inspector{position:absolute;right:17px;top:58px;width:272px;max-height:calc(100% - 160px);overflow:auto;background:white;border:1px solid var(--line);border-radius:10px;padding:17px;z-index:6;box-shadow:0 6px 25px #2c493516}.inspector header{display:flex;align-items:start;justify-content:space-between;gap:7px;margin-bottom:12px}.inspector h3{font-size:13px;margin:0}.inspector header button{font-size:20px;color:#9da498}.inspector label{margin:12px 0;font-size:10px}.inspector textarea{font-size:12px;min-height:90px}.inspector input,.inspector select{font-size:11px;padding:8px}.inspector .row{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.inspector .row button{font-size:10px;padding:8px}.inspector .section{padding-top:13px;margin-top:15px;border-top:1px solid var(--line)}.inspector .section h4{font-size:11px;margin:0 0 10px}.inspector p{font-size:11px;color:#7f8b7c;line-height:1.5}.timer-readout{font-size:26px;font-variant-numeric:tabular-nums;color:#315940}.colors{display:flex;gap:7px}.color{width:22px;height:22px;border-radius:50%;border:1px solid #0001}.helper{font-size:10px;color:#879181;line-height:1.6}.attribution{font-size:9px;color:#929c8b;line-height:1.6;margin-top:12px}.badge{font-size:9px;padding:3px 6px;background:#eff3e9;border-radius:4px;color:#6b8061}.inspector .wide{width:100%;margin-top:8px}.vote-controls{display:flex;gap:5px;align-items:center}.vote-controls span{font-size:10px;color:#72806a}.suggestion{padding:10px;background:#f4f6f0;border-radius:6px;margin:10px 0}.suggestion pre{font-size:9px;max-height:130px;overflow:auto;white-space:pre-wrap}.suggestion p{color:#3c5140;margin:0 0 8px}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;width:min(760px,94vw);max-height:90vh;overflow:auto;color:#30443b;box-shadow:0 25px 90px #152d3529}dialog::backdrop{background:#21372966;backdrop-filter:blur(3px)}.modal-close{position:absolute;top:12px;right:15px;font-size:25px;color:#8f998c}dialog h2{font-size:27px;letter-spacing:-.8px;margin:12px 0}dialog p{font-size:13px;line-height:1.7;color:#7d8977}.preview-large{height:260px;border-radius:9px;margin:20px 0;background:#f1f3eb}.preview-large svg{width:100%;height:100%}.modal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.modal-grid h3{font-size:12px;margin:0 0 10px}.steps{padding-left:20px;font-size:12px;line-height:1.7;color:#697e66}.steps li{padding:3px 0 3px 5px}.insert-controls{display:grid;gap:12px}.insert-controls label{font-size:11px}.checkbox-label{display:flex!important;align-items:start;gap:9px!important;font-size:11px!important;line-height:1.6}.checkbox-label input{margin:2px 0 0}dialog .actions{display:flex;gap:9px;margin-top:20px;justify-content:flex-end}dialog .form-grid{display:grid;gap:15px}dialog .form-grid.two{grid-template-columns:1fr 1fr}dialog .form-grid .full{grid-column:1/-1}.review-objects{max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:7px;padding:10px;display:grid;gap:8px}.review-objects label{padding:7px;background:#f6f7f1;border-radius:4px;white-space:pre-wrap;font-weight:400}.review-objects label span{max-height:80px;overflow:auto}.members-list{display:grid;gap:10px;margin:20px 0}.member-row{display:flex;gap:10px;align-items:center;font-size:12px}.member-row strong{flex:1}.member-row select{font-size:10px}.invite-link{width:100%;font-size:12px}.activity-list{display:grid;gap:10px}.activity-list button{text-align:left;padding:15px;border:1px solid var(--line);border-radius:7px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:30;background:#254e3f;color:white;padding:13px 20px;border-radius:8px;font-size:12px;max-width:90%;box-shadow:0 4px 20px #1a352833}#toast.error{background:#823b35}[hidden]{display:none!important}@media(max-width:1200px){.library{width:285px;min-width:285px}.zoom-controls{bottom:89px}.canvas-toolbar{bottom:20px}.tool{width:40px}.inspector{width:250px}}@media(max-width:800px){.topbar{padding:0 12px;gap:8px;height:64px}.workspace{height:calc(100vh - 64px)}.library{width:235px;min-width:235px}.library-heading,.categories,.library-footer{padding-left:14px;padding-right:14px}.library-heading h1{font-size:20px}.template-list{padding-left:14px;padding-right:14px}.search{margin-left:14px;margin-right:14px}.avatars,.live-tag,.canvas-top{display:none}.canvas-toolbar{left:12px;transform:none;flex-wrap:wrap;width:222px;bottom:15px}.tool{width:38px}.canvas-toolbar .divider{display:none}.inspector{width:225px;right:8px;top:10px;max-height:calc(100% - 160px)}.zoom-controls{bottom:119px;right:10px}.board-identity select{max-width:190px}.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth-form{min-height:100vh;display:flex;flex-direction:column;justify-content:center}}@media(max-width:540px){.library{width:172px;min-width:172px}.library-heading h1{font-size:16px}.library-heading h1 span,.library-heading p,.library-footer>span,.library-scope{display:none}.library-count{padding:12px}.library-heading{padding:18px 12px 8px}.categories{padding:0 12px 10px;gap:4px}.category{font-size:8px;padding:5px}.mini-preview{height:85px;padding:7px}.card-copy{padding:9px}.card-title{font-size:10px}.card-copy p{font-size:9px}.canvas-toolbar{width:160px}.tool{width:32px}.tool small{font-size:7px}.board-identity select{max-width:140px}.topbar .secondary{font-size:10px;padding:8px}.topbar .divider,#new-board{display:none}.modal-grid,dialog .form-grid.two{grid-template-columns:1fr}.inspector{width:calc(100% - 16px)}#empty h2{font-size:16px}#empty p{font-size:10px}.empty-graphic{transform:scale(.65);width:230px;margin-left:-10px;margin-bottom:0}.zoom-controls{bottom:168px}.preview-large{height:170px}}
/* Connectors sit above frame backgrounds and below their native endpoint objects. */
#connections{z-index:1}
.invite-options{display:flex;gap:8px;flex-wrap:wrap}.invite-options label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:10px 12px;border-radius:7px;font-size:12px}.invite-options label:has(input:checked){background:#e8efe7;border-color:#a8bca8}.invite-options input{accent-color:var(--green);margin:0}.invitation-history{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.invitation-history h3,.share-members-title{font-size:13px;margin:0 0 10px}.invitation-entry{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:start;gap:10px;flex-wrap:wrap}.invitation-entry>div{flex:1;min-width:160px}.invitation-entry strong{font-size:12px;overflow-wrap:anywhere}.invitation-entry small{display:block;margin-top:5px}.invitation-entry p{flex-basis:100%;margin:0}.badge.failed{background:#fcecea;color:#a43d36}.share-members-title{margin-top:24px}.invite-success{color:var(--green)!important}
.canvas-toolbar{max-width:calc(100% - 30px);overflow-x:auto}.canvas-toolbar .tool{flex-shrink:0}.object.drawing{background:transparent!important;border:0;padding:0;box-shadow:none;transform-origin:center}.object.drawing svg{display:block}.object.drawing.selected{outline:2px solid var(--accent,#20594a)}.object.image img{width:100%;height:100%;object-fit:contain}.object.background{box-shadow:none;background-repeat:repeat}.object.sticky .obj-text{overflow:hidden;height:100%;white-space:pre-wrap;overflow-wrap:anywhere}.overflow-badge{position:absolute;bottom:0;left:0;background:#172b24;color:white;font-size:10px;padding:3px;border:0}.lock-badge{position:absolute;right:4px;top:4px;font-size:11px}#ink-previews{position:absolute;left:0;top:0;pointer-events:none;z-index:20}.ink-author{position:absolute;top:-20px;left:0;white-space:nowrap;background:white;color:#172b24;padding:2px 5px}.object .resize-handle{touch-action:none}#canvas{touch-action:none}pre{white-space:pre-wrap;overflow-wrap:anywhere}.topbar{gap:8px}.topbar>.secondary{font-size:11px;padding:8px}.object .obj-text{overflow-wrap:anywhere}
:root{--theme-surface:#ffffff;--theme-text:#172119;--theme-accent:#20594a;--theme-accent-text:#ffffff;--theme-selection:#20594a}.topbar,.library,.inspector,.canvas-toolbar,.zoom-controls,dialog{background:var(--theme-surface);color:var(--theme-text)}.library p,.inspector p,dialog p,.library h1,.inspector h3,dialog h2,.canvas-top{color:var(--theme-text)}.primary{background:var(--theme-accent);color:var(--theme-accent-text)}.object.selected{outline:2px solid var(--theme-selection)}.theme-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.theme-card{padding:12px;border:2px solid;border-radius:8px;min-height:85px}.theme-card span{display:block;margin-top:10px;padding:5px;border-radius:4px}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}.emoji-grid button{font-size:24px;padding:10px;background:#f6f6f3;border:1px solid #ddd;border-radius:6px}.emoji-grid small{font-size:10px;display:block}#theme-invite{position:fixed;right:18px;top:80px;z-index:100;background:white;color:#172119;box-shadow:0 6px 30px #0003;border:1px solid #aaa;padding:16px;max-width:420px;border-radius:12px}.reaction-badges{position:absolute;bottom:-22px;left:0;white-space:nowrap;font-size:12px;background:white;color:#172119;border-radius:5px;padding:2px 5px}[data-density="compact"] .tool{padding:6px;min-width:45px}[data-density="compact"] .template-card{margin-bottom:6px}.object.gif .obj-text{width:100%;height:100%}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
#tool-status{position:absolute;left:18px;bottom:105px;background:var(--theme-surface);color:var(--theme-text);padding:5px 9px;border-radius:6px;font-size:11px;pointer-events:none}.tool,.icon-btn{color:var(--theme-text)}.tool.active{background:var(--theme-accent);color:var(--theme-accent-text)}.object{color:#172119}.object.background .obj-text{font-size:14px}.topbar{overflow-x:auto;white-space:nowrap}.topbar .board-identity{min-width:150px}.topbar>.secondary{flex-shrink:0}
.topbar{overflow:visible}.board-tools{position:relative;font-size:12px;z-index:60}.board-tools summary{cursor:pointer;padding:9px 13px;border:1px solid #b6c1b5;border-radius:7px;list-style:none}.board-tools-menu{position:absolute;right:0;top:40px;display:grid;gap:8px;min-width:230px;padding:12px;background:var(--theme-surface);box-shadow:0 8px 25px #0003;border-radius:10px}.board-tools-menu button{text-align:left}.canvas-toolbar{flex-wrap:wrap;justify-content:center;width:max-content;max-width:min(810px,calc(100% - 30px))}.canvas-toolbar .tool{min-width:40px;padding:7px}#tool-status{bottom:135px}
/* Integrated learning surfaces retain the canvas and its personal viewport. */
#help-panel{position:fixed;right:0;top:76px;bottom:0;width:400px;min-width:290px;max-width:85vw;resize:horizontal;overflow:auto;z-index:65;background:var(--paper);color:inherit;border-left:1px solid var(--line);box-shadow:-5px 0 20px #0001;padding:16px;font-size:13px;line-height:1.65}#help-panel header,.chat-panel header,#tour-card header{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}#help-panel h2{font-size:23px;line-height:1.25;margin-top:20px}#help-panel h3{font-size:16px;margin-top:25px}#help-panel .text-button{display:inline-block;margin-right:10px;text-align:left;font-size:12px}#help-panel .wide{display:block;text-align:left;margin:8px 0}#help-panel small{display:block}#help-panel dt{font-weight:bold}#help-panel dd{margin:0 0 10px}#help-panel footer{border-top:1px solid var(--line);margin-top:24px;padding-top:12px;font-size:10px}body.help-open .workspace{margin-right:400px}.help-search-label{position:sticky;top:0;background:var(--paper);padding:8px 0;z-index:2}.help-highlight{outline:3px solid #bc642b!important;outline-offset:4px!important}#tour-card{position:fixed;width:min(340px,calc(100vw - 24px));max-height:70vh;overflow:auto;z-index:1000;background:var(--paper);color:inherit;border:2px solid var(--green);border-radius:12px;padding:17px;box-shadow:0 8px 30px #0003;font-size:13px;line-height:1.5}#tour-card .actions{display:flex;gap:8px;flex-wrap:wrap}#tour-card button:not(.text-button){border:1px solid var(--line);border-radius:5px;padding:7px}#accessible-tooltip{position:fixed;z-index:2000;max-width:280px;padding:9px 12px;background:#172e28;color:#fff;border:1px solid white;border-radius:6px;font-size:12px;pointer-events:none}#onboarding-banner{position:absolute;top:45px;left:20px;right:20px;padding:13px;background:var(--paper);border:1px solid var(--green);border-radius:9px;z-index:40;font-size:12px}#onboarding-banner button{margin-left:12px;text-decoration:underline}.chat-panel{position:fixed;top:95px;right:25px;width:440px;height:560px;min-width:300px;min-height:280px;max-width:90vw;max-height:85vh;resize:both;overflow:auto;z-index:55;border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:14px;box-shadow:0 7px 30px #0002;display:flex;flex-direction:column;font-size:12px}.chat-panel[hidden],#help-panel[hidden],#tour-card[hidden]{display:none}.chat-panel header{cursor:move;flex-shrink:0}#chat-messages{flex:1;min-height:90px;overflow:auto;overflow-wrap:anywhere}.chat-panel textarea{min-height:60px}.chat-panel .row{flex-wrap:wrap}.chat-panel .row label{min-width:100px;flex:1}.chat-panel .row select{max-width:100%}.chat-panel.docked{left:auto!important;right:0!important;top:76px!important;bottom:0;width:360px;height:auto;max-height:none;border-radius:0;resize:horizontal}body.chat-docked .workspace{margin-right:360px}body.chat-docked.help-open .workspace{margin-right:760px}body.chat-docked.help-open .chat-panel.docked{right:400px!important}.chat-panel small{display:block}#help-button{white-space:nowrap}@media(max-width:1000px){body.help-open .workspace,body.chat-docked .workspace,body.chat-docked.help-open .workspace{margin-right:0}#help-panel{width:340px}#demo-button{display:none}body.chat-docked.help-open .chat-panel.docked{right:0!important}.topbar{gap:8px}}@media(prefers-reduced-motion:reduce){.help-highlight,#help-panel,#tour-card{transition:none;animation:none}}
body.help-open .workspace{margin-right:var(--help-width,400px)}body.chat-docked.help-open .workspace{margin-right:calc(var(--help-width,400px) + 360px)}body.chat-docked.help-open .chat-panel.docked{right:var(--help-width,400px)!important}.engagement-fields{border:1px solid var(--line);padding:16px;border-radius:8px;display:grid;gap:13px}.engagement-fields input[type=range]{width:100%}.engagement-fields output{font-size:14px;font-weight:700}@media(max-width:1000px){body.help-open .workspace,body.chat-docked.help-open .workspace{margin-right:0}body.chat-docked.help-open .chat-panel.docked{right:0!important}}
#help-panel,.chat-panel,#tour-card,#onboarding-banner,.help-search-label{background:var(--theme-surface);color:var(--theme-text)}#help-panel p,#help-panel small,.chat-panel p,.chat-panel small,#tour-card p,#help-panel .helper{color:var(--theme-text)}.secondary{background:var(--theme-surface);color:var(--theme-text)}.text-button{color:var(--theme-text)}#help-panel a{color:var(--theme-text);text-decoration:underline}

#participant-cursors{position:absolute;inset:0;pointer-events:none;z-index:10000}.participant-cursor{position:absolute;color:#174e43;white-space:nowrap}.participant-cursor small{background:#fff;color:#172a23;border:1px solid #174e43;border-radius:5px;padding:3px 6px;font-size:12px}.participant-cursor>span{font-size:22px}
#persona-dialog{width:min(1120px,94vw);max-height:90vh;overflow:auto;background:var(--surface,#fff);color:var(--text,#203e35);border:1px solid #819689;border-radius:16px;padding:24px}#persona-dialog::backdrop{background:#10241b88}.persona-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}.persona-card{text-align:left;white-space:normal}.persona-traits{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.persona-traits small{display:block}.persona-instructions{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 system-ui;max-height:340px;overflow:auto;padding:12px;background:#e8eee9;color:#172a23}#persona-dialog input:not([type=checkbox]):not([type=range]):not([type=color]),#persona-dialog select,#persona-dialog textarea{width:100%}#persona-dialog fieldset{border:1px solid #819689;border-radius:8px;padding:14px}

.history-visual{width:100%;height:360px;background:#f4f5f3;border:1px solid #88968f;border-radius:8px}.history-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.history-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto}#history-list{max-height:55vh;overflow:auto}#history-objects{width:100%}@media(max-width:700px){.history-comparison{grid-template-columns:1fr}}
/* Direct object editing and compact canvas controls. */
.object-controls{display:flex;position:absolute;right:0;top:-36px;gap:3px;padding:3px;background:var(--theme-surface,#fff);color:var(--theme-text,#172119);border:1px solid var(--line);border-radius:7px;box-shadow:0 3px 10px #0002;opacity:0;pointer-events:none;z-index:30;transform-origin:bottom right}
.object-controls:after{content:'';position:absolute;top:100%;left:0;right:0;height:12px}.object:hover>.object-controls,.object:focus-within>.object-controls,.object.selected>.object-controls{opacity:1;pointer-events:auto}.object-controls button{width:28px;height:28px;font-size:16px;padding:3px;border-radius:4px}.object-controls button:hover{background:#879d8833}.object .obj-text[contenteditable=true]{cursor:text;user-select:text;touch-action:auto;outline:2px solid var(--theme-selection);overflow:auto;min-height:100%;background:inherit;position:relative;z-index:15;white-space:pre-wrap}.object.frame>.obj-text[contenteditable=true]{min-height:49px;height:auto;max-height:150px}.object:has([contenteditable=true]){z-index:25!important}
.canvas-toolbar{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:3px;width:max-content;max-width:calc(100% - 24px);overflow-x:auto;overflow-y:hidden;left:50%;transform:translateX(-50%);padding:7px;bottom:18px;scrollbar-width:thin}.canvas-toolbar .tool{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 48px;width:48px;min-width:48px;height:50px;padding:4px 2px;gap:3px;font-size:21px;line-height:1}.canvas-toolbar .tool small{display:block;max-width:100%;font-size:9px;line-height:12px;white-space:nowrap;color:inherit;letter-spacing:0}.canvas-toolbar .divider{flex:0 0 1px;margin:0 3px}.zoom-controls{bottom:82px}#tool-status{bottom:92px;max-width:calc(100% - 190px);font-size:11px;white-space:normal}.canvas-toolbar .tool:hover{background:#879d8833}
#ink-radial{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);width:300px;max-width:calc(100% - 20px);max-height:calc(100% - 100px);overflow:auto;z-index:35;background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 10px 35px #0002;font-size:12px}#ink-radial header,#agent-palette header{display:flex;justify-content:space-between;align-items:center;gap:10px}#ink-radial header button,#agent-palette header button{font-size:22px}.ink-wheel{position:relative;width:250px;height:244px;margin:4px auto}.ink-wheel>button{position:absolute;left:90px;top:88px;transform:rotate(var(--angle)) translateY(-82px) rotate(calc(-1 * var(--angle)));width:70px;height:66px;border-radius:50%;background:#879d8814;border:1px solid #879d8855;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.ink-wheel>button span{font-size:25px}.ink-wheel>button small{font-size:10px;color:inherit}.ink-wheel>button.active{background:var(--theme-accent);color:var(--theme-accent-text)}.ink-wheel-center{position:absolute;left:114px;top:110px;pointer-events:none}.ink-wheel+label{display:flex;align-items:center;justify-content:space-between}#ink-radial label{margin:8px 0}#radial-color{width:65px;height:34px;padding:2px}#radial-width{width:100%;padding:0}
#agent-palette{position:absolute;top:55px;left:15px;width:285px;max-width:calc(100% - 30px);max-height:calc(100% - 170px);overflow:auto;background:var(--theme-surface);color:var(--theme-text);z-index:36;border:1px solid var(--line);border-radius:12px;padding:15px;box-shadow:0 10px 35px #0002;font-size:12px}#agent-palette p{font-size:11px;line-height:1.6}#agent-palette-search{width:100%;font-size:12px}#agent-palette-results{display:grid;gap:8px;margin-top:12px}#agent-palette-results button{display:grid;grid-template-columns:25px 1fr;gap:5px;text-align:left;border:1px solid var(--line);border-radius:8px;padding:10px;cursor:grab;font-size:12px}#agent-palette-results button small{grid-column:1/-1;line-height:1.4}#agent-palette-results button>span:last-child{grid-column:2;font-size:10px}#agent-dock{position:absolute;bottom:145px;left:12px;right:12px;display:flex;gap:7px;overflow-x:auto;pointer-events:none;z-index:4}#agent-dock:empty{display:none}.agent-chip{pointer-events:auto;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:3px 5px;flex:0 0 auto;max-width:210px;padding:7px 10px;border-radius:9px;border:1px solid var(--line);background:var(--theme-surface);color:var(--theme-text);font-size:11px;text-align:left}.agent-chip small{grid-column:2;font-size:9px;white-space:nowrap}.agent-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-chip.unbound{border-style:dashed}.agent-chip.connected{border-color:var(--theme-accent)}
@media(max-width:800px){.canvas-toolbar{width:max-content;max-width:calc(100% - 16px);left:50%;bottom:12px}.canvas-toolbar .tool{flex-basis:46px;width:46px;min-width:46px;height:47px}.canvas-toolbar .tool small{font-size:8px}.zoom-controls{bottom:79px}#tool-status{bottom:113px;left:10px;max-width:calc(100% - 20px)}#agent-dock{bottom:149px}#ink-radial{bottom:80px}.object-controls{opacity:1;pointer-events:auto}#agent-palette{top:10px}}
@media(prefers-reduced-motion:reduce){.object-controls{transition:none}}

#agent-dock{bottom:88px;right:170px}#tool-status{bottom:142px}@media(max-width:800px){#agent-dock{bottom:87px;right:150px}#tool-status{bottom:145px}}
.connector-label{border:0;background:var(--theme-surface);box-shadow:none;min-height:24px}.connector-label>.obj-text{padding:4px 7px;height:auto;font-size:12px}.connector-label .object-controls{top:-35px}
#canvas.ink-mode .object-controls{opacity:0;pointer-events:none}
.connector-label>.obj-text:empty:not([contenteditable=true]):before{content:attr(data-placeholder);opacity:.65}
/* Ink Studio: illustrated tools and tactile radial controls. */
#ink-radial.stylus-studio{width:360px;padding:15px 16px 10px;border-radius:30px;border:1px solid #89938c40;background:var(--theme-surface,#fff);box-shadow:0 18px 65px #1b302a26,0 2px 8px #1b302a0c;max-height:calc(100% - 100px);scrollbar-width:thin;container-type:inline-size;isolation:isolate}
.stylus-header{height:38px;padding:0 2px;display:flex;align-items:center;justify-content:space-between}.stylus-header>div{display:grid;gap:3px}.stylus-eyebrow{font-size:8px;letter-spacing:1.9px;opacity:.58;font-weight:650}.stylus-header strong{font-size:17px;font-weight:600;letter-spacing:-.5px}#ink-radial.stylus-studio .stylus-header>button{width:32px;height:32px;border:1px solid #8a9a8c30;border-radius:50%;display:grid;place-items:center;padding:7px}.stylus-header svg{width:16px;height:16px}
.stylus-stage{position:relative;width:100%;aspect-ratio:360/320;margin:7px 0 2px;background:radial-gradient(ellipse at 50% 55%,#a5b9a319 0%,transparent 66%)}.stylus-illustration{display:block;overflow:visible;filter:drop-shadow(1px 3px 2px #1526211c)}.stylus-hero{position:absolute;left:50%;top:32%;transform:translateX(-50%);width:30%;text-align:center;pointer-events:none}.stylus-hero>.stylus-illustration{width:100%;height:39cqi;max-height:132px}.stylus-hero-caption{display:grid;gap:5px;margin-top:5px;white-space:nowrap;position:relative;left:50%;transform:translateX(-50%);width:max-content;max-width:200%}.stylus-hero-caption strong{font-size:16px;letter-spacing:-.3px;font-weight:600}.stylus-hero-caption span{font-size:9px;opacity:.65}.stylus-tool-choice{position:absolute;transform:translate(-50%,-5%) rotate(-5deg);width:16%;height:34%;border-radius:18px;padding:4px 5px 2px!important;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:3px;border:1px solid transparent;transition:transform .15s,background .15s;touch-action:manipulation}.stylus-tool-choice:nth-child(n+4){transform:translate(-50%,-5%) rotate(5deg)}.stylus-tool-choice>.stylus-illustration{width:100%;height:calc(100% - 17px)}.stylus-tool-choice small{font-size:9px;color:inherit;white-space:nowrap;line-height:12px}.stylus-tool-choice.is-selected{background:#789d8315;border-color:#789d8355}.stylus-tool-choice:hover{background:#789d8320;transform:translate(-50%,-10%)}.stylus-tool-choice:focus-visible,.stylus-swatch:focus-visible,.stylus-tabs button:focus-visible{outline:2px solid var(--theme-selection);outline-offset:3px}
.stylus-history{position:absolute;top:63%;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;padding:9px;border:1px solid #87998a25;background:var(--theme-surface)}.stylus-undo{left:8%}.stylus-redo{right:8%}.stylus-history svg{width:20px;height:20px}.stylus-quick-color,.stylus-quick-size{position:absolute;top:82%;width:60px;min-height:46px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:6px;font-size:9px;border-radius:16px;background:#87998a0d}.stylus-quick-color{left:9%}.stylus-quick-size{right:9%}.stylus-quick-color i{width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 3px var(--theme-surface),0 0 0 4px #89998d50}.stylus-quick-size i{display:block;border-radius:50%}.stylus-quick-color span,.stylus-quick-size span{opacity:.7}
.stylus-color-stage .stylus-hero,.stylus-size-stage .stylus-hero{top:24%}.stylus-color-stage .stylus-hero-caption,.stylus-size-stage .stylus-hero-caption{margin-top:0}.stylus-swatch{position:absolute;transform:translate(-50%,-50%);width:36px;height:36px;width:11cqi;height:11cqi;max-width:39px;max-height:39px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002,0 2px 4px #16282115;border:4px solid var(--theme-surface)}.stylus-swatch.is-selected{outline:1.5px solid var(--theme-text);outline-offset:3px;box-shadow:inset 0 0 0 1px #0002,0 0 0 2px var(--theme-surface)}.stylus-swatch:hover{transform:translate(-50%,-50%) scale(1.12)}#ink-radial .stylus-custom-color{display:flex;align-items:center;justify-content:center;gap:12px;margin:5px 0 12px;font-size:11px;font-weight:400}.stylus-custom-color #radial-color{width:34px;height:30px;padding:2px;border-radius:50%;overflow:hidden}.stylus-custom-color>span{font-size:10px;font-family:ui-monospace,monospace;opacity:.6}
#stylus-dial{position:absolute;inset:0;touch-action:none;border-radius:50%;cursor:crosshair}#stylus-dial svg{display:block;width:100%;height:100%;overflow:visible}.stylus-dial-track{fill:none;stroke:#83938a20;stroke-width:27;stroke-linecap:round}.stylus-dial-value{fill:none;stroke:var(--theme-text);stroke-width:27;stroke-linecap:round}.stylus-dial-thumb{fill:var(--theme-surface);stroke:var(--theme-text);stroke-width:4;filter:drop-shadow(0 2px 3px #0003)}.stylus-size-readout{position:absolute;left:4%;top:43%;display:flex;align-items:baseline;gap:3px;font-size:21px;font-variant-numeric:tabular-nums;pointer-events:none;background:var(--theme-surface);padding:5px;border-radius:12px}.stylus-size-readout small{font-size:9px;color:inherit;opacity:.6}.stylus-size-presets{display:flex;justify-content:center;gap:9px;margin:2px 0 10px}.stylus-size-presets button{width:38px;height:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:10px;border:1px solid transparent}.stylus-size-presets i{display:block;border-radius:50%;height:24px}.stylus-size-presets small{font-size:9px;color:inherit}.stylus-size-presets [aria-pressed=true]{border-color:var(--theme-selection);background:#849c8315}
.stylus-tabs{display:flex;justify-content:center;gap:8px;padding:5px;border:1px solid #87998a25;border-radius:22px;background:#87998a0b;width:max-content;max-width:100%;margin:0 auto 10px}.stylus-tabs button{display:flex;align-items:center;gap:7px;border-radius:18px;padding:8px 13px;font-size:11px;line-height:16px}.stylus-tabs svg{width:18px;height:18px}.stylus-tabs .is-selected{background:var(--theme-surface);box-shadow:0 1px 5px #172d2717}.stylus-controls{padding:6px 8px 0;border-top:1px solid #87998a25}#ink-radial .stylus-range-label{display:flex;justify-content:space-between;margin:0 0 6px;font-size:10px;font-weight:400;opacity:.75}#ink-radial.stylus-studio #radial-width{height:16px;min-height:16px;width:100%;margin:0;accent-color:var(--theme-accent);background:transparent}.stylus-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}#ink-radial .stylus-footer label{font-size:10px;margin:0;align-items:center;font-weight:400}.stylus-footer input{accent-color:var(--theme-accent)}.stylus-footer>button{display:grid;place-items:center;padding:6px;width:30px;height:30px;border-radius:50%}.stylus-footer svg{width:18px;height:18px}.stylus-footer>button:hover{background:#87998a20}.canvas-toolbar #draw-pen>.stylus-illustration{width:25px;height:29px;overflow:hidden;margin-top:-2px}
@media(max-width:540px){#ink-radial.stylus-studio{padding:10px 8px;border-radius:24px;max-width:calc(100% - 12px)}.stylus-header strong{font-size:14px}.stylus-eyebrow{font-size:7px}.stylus-tabs{gap:0;width:100%;padding:3px}.stylus-tabs button{padding:7px;gap:4px;font-size:10px}.stylus-tabs svg{width:14px}.stylus-hero-caption strong{font-size:12px}.stylus-hero-caption span{font-size:8px}.stylus-tool-choice small{font-size:7px}.stylus-history{width:29px;height:29px;padding:7px}.stylus-quick-color,.stylus-quick-size{width:40px;font-size:8px;min-height:34px}.stylus-quick-color i{width:17px;height:17px}.stylus-quick-color{left:4%}.stylus-quick-size{right:4%}.stylus-custom-color>span{display:none}.stylus-size-readout{font-size:15px}.stylus-size-presets{gap:3px}.stylus-size-presets button{width:28px}}
@media(prefers-reduced-motion:reduce){.stylus-tool-choice,.stylus-swatch{transition:none}}
@media(max-width:540px){#ink-radial.stylus-studio{position:fixed;left:50%;bottom:86px;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 115px);padding:14px 16px 10px}.stylus-tool-choice small{font-size:9px}.stylus-hero-caption strong{font-size:15px}.stylus-hero-caption span{font-size:9px}.stylus-header strong{font-size:17px}.stylus-tabs button{font-size:11px;padding:8px 10px;gap:6px}.stylus-tabs svg{width:18px}.stylus-history{width:36px;height:36px;padding:8px}.stylus-quick-color,.stylus-quick-size{width:52px;min-height:44px;font-size:9px}.stylus-quick-color i{width:23px;height:23px}.stylus-size-readout{font-size:20px}.stylus-size-presets{gap:7px}.stylus-size-presets button{width:36px}}
/* A quiet reveal handle opens the floating canvas dock. */
.canvas-dock{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:calc(100% - 24px);max-width:1020px;height:34px;z-index:40;display:flex;justify-content:center;align-items:end}.dock-surface{position:absolute;bottom:34px;left:50%;width:max-content;max-width:100%;border-radius:25px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(20px) scale(.97);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .2s}.canvas-dock.is-open .dock-surface{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0) scale(1)}
.canvas-dock .canvas-toolbar{position:relative;left:auto;bottom:auto;transform:none;display:flex;flex-wrap:nowrap;justify-content:flex-start;width:max-content;max-width:100%;padding:9px 10px 8px;gap:4px;border:1px solid #a6b3ac65;border-top-color:#ffffffa6;border-radius:25px;background:var(--theme-surface);background:color-mix(in srgb,var(--theme-surface) 86%,transparent);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:0 12px 32px #1a2f2722,0 2px 5px #1a2f2710,inset 0 1px 0 #ffffff60;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#89978b55 transparent}
.canvas-dock .canvas-toolbar .tool{position:relative;flex:0 0 46px;width:46px;min-width:46px;height:50px;border-radius:14px;gap:4px;transition:transform .16s ease,background .16s ease;transform-origin:center bottom;background:transparent;color:var(--theme-text)}.canvas-dock .canvas-toolbar .tool small{font-size:8px;line-height:11px;letter-spacing:.05px;opacity:.75}.canvas-dock .canvas-toolbar .tool.active{background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:var(--theme-text)}.canvas-dock .canvas-toolbar .tool.active:after{content:'';position:absolute;bottom:1px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--theme-accent)}.canvas-dock .canvas-toolbar .tool:focus-visible{outline:2px solid var(--theme-selection);outline-offset:-2px;background:#899c8d22}.canvas-dock .canvas-toolbar .divider{height:30px;flex:0 0 1px;margin:0 3px;background:#8f9d9140}
.dock-reveal{display:flex;align-items:center;justify-content:center;width:122px;height:32px;border-radius:18px;padding:0;background:transparent;touch-action:manipulation}.dock-reveal span{display:block;width:72px;height:5px;border-radius:9px;background:var(--theme-text);opacity:.32;box-shadow:0 1px 2px #ffffff80;transition:width .2s ease,opacity .2s ease,transform .2s ease}.dock-reveal:hover span,.dock-reveal:focus-visible span{width:86px;opacity:.7}.dock-reveal:focus-visible{outline:2px solid var(--theme-selection);outline-offset:-4px}.canvas-dock.is-open .dock-reveal span{opacity:.5;width:54px}
.board-main:not(.dock-open) #tool-status{bottom:48px}.board-main:not(.dock-open) .zoom-controls{bottom:44px}.board-main:not(.dock-open) #agent-dock{bottom:44px}.board-main.dock-open .zoom-controls{bottom:124px}.board-main.dock-open #agent-dock{bottom:124px}.board-main.dock-open #tool-status{bottom:177px}.board-main.dock-open #ink-radial{bottom:126px;max-height:calc(100% - 140px)}
@media(hover:hover) and (pointer:fine){.canvas-dock .canvas-toolbar .tool:hover:not(:disabled){transform:translateY(-3px) scale(1.06);background:#8298891c}.canvas-dock .canvas-toolbar .tool:active:not(:disabled){transform:translateY(-1px) scale(.97)}}
@media(max-width:800px){.canvas-dock{width:calc(100% - 12px);bottom:3px}.canvas-dock .canvas-toolbar{border-radius:21px;padding:8px;gap:3px}.canvas-dock .canvas-toolbar .tool{flex-basis:44px;min-width:44px;width:44px;height:48px}.board-main.dock-open #tool-status{bottom:169px}.board-main.dock-open .zoom-controls,.board-main.dock-open #agent-dock{bottom:117px}}
@media(max-width:540px){.board-main.dock-open #ink-radial.stylus-studio{bottom:120px;max-height:calc(100dvh - 145px)}}
@media(prefers-reduced-motion:reduce){.dock-surface,.dock-reveal span,.canvas-dock .canvas-toolbar .tool{transition:none}.canvas-dock .canvas-toolbar .tool:hover:not(:disabled){transform:none}}
.canvas-dock.is-arming .dock-reveal span{width:86px;opacity:.75;transition-duration:1.8s}.board-main.dock-open #ink-radial.stylus-studio .stylus-stage{width:calc(100% - 34px);margin-left:auto;margin-right:auto}@media(prefers-reduced-motion:reduce){.canvas-dock.is-arming .dock-reveal span{transition:none}}
#tool-status:empty{display:none}
.canvas-dock .tool>svg{display:block;width:22px;height:23px;flex-shrink:0}.canvas-dock .tool:disabled{opacity:.35}
/* Canvas-first workspace, inspired by quiet floating creative tools. */
.workspace-refined .topbar{height:64px;padding:10px 18px;border-bottom:1px solid var(--line);gap:10px}.workspace-refined .workspace{height:calc(100vh - 64px)}.workspace-refined .canvas-top{padding-left:22px;height:38px}.workspace-refined .canvas-top #board-caption{opacity:.65;font-size:11px}.workspace-refined.library-collapsed .library{display:none}.workspace-refined.library-collapsed .workspace{grid-template-columns:minmax(0,1fr)}.workspace-refined .library{box-shadow:5px 0 25px #00000008}.workspace-refined .template-card{border-radius:14px;overflow:hidden}.workspace-refined .mini-preview{border-radius:10px}.workspace-refined .board-main{min-width:0}.workspace-bar{position:absolute;top:48px;left:18px;display:flex;gap:3px;z-index:35;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--theme-surface);box-shadow:0 4px 18px #0001}.workspace-bar button{font-size:16px;padding:8px 10px;border-radius:9px;display:flex;align-items:center;gap:7px}.workspace-bar button span{font-size:11px}.workspace-bar button:hover,.workspace-bar [aria-expanded=true]{background:color-mix(in srgb,var(--theme-accent) 16%,transparent)}
#workspace-minimap{position:absolute;right:18px;bottom:160px;width:220px;border:1px solid var(--line);padding:12px;border-radius:16px;background:var(--theme-surface);color:var(--theme-text);z-index:34;box-shadow:0 8px 24px #0002}#workspace-minimap[hidden]{display:none}#workspace-minimap header{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:12px}#workspace-minimap header strong{margin-right:auto}#workspace-minimap header button{font-size:10px}#workspace-minimap svg{display:block;width:100%;height:125px;background:var(--theme-canvas);border-radius:7px;cursor:crosshair}.command-result{display:grid;width:100%;text-align:left;padding:12px 14px;border:1px solid transparent;border-radius:9px;gap:5px}.command-result b{font-size:13px;font-weight:500}.command-result small{color:inherit;opacity:.65}.command-result.is-current,.command-result:hover{border-color:var(--theme-selection);background:color-mix(in srgb,var(--theme-accent) 15%,transparent)}#command-results{max-height:45vh;overflow:auto;margin:15px 0}#task-summary{padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;font-size:13px}.task-row{display:grid;gap:7px;width:100%;text-align:left;padding:14px;border-bottom:1px solid var(--line)}.task-row span{font-size:11px;opacity:.7}#workspace-task-list{max-height:45vh;overflow:auto;margin:16px 0}.workspace-refined dialog{border-radius:20px;box-shadow:0 24px 90px #0005}.workspace-refined dialog::backdrop{background:#10172288;backdrop-filter:blur(3px)}
[data-workspace-tone=dark]{color-scheme:dark;--line:#425063;--muted:#b1bdce;--paper:var(--theme-surface);--green:var(--theme-accent)}[data-workspace-tone=dark] body{background:var(--theme-canvas);color:var(--theme-text)}[data-workspace-tone=dark] :is(input,textarea,select){background:#1c232d;color:#e4ebf5;border-color:#506077}[data-workspace-tone=dark] :is(.topbar,.library,.canvas-top,.inspector,dialog,.board-tools-menu){background:var(--theme-surface);color:var(--theme-text);border-color:var(--line)}[data-workspace-tone=dark] :is(.library-heading p,.helper,.card-copy p,.card-meta,.eyebrow,.library-footer,.library-count,.attribution){color:#b1bdce}[data-workspace-tone=dark] :is(.template-card,.search,.category,.secondary){background:var(--theme-surface);color:var(--theme-text);border-color:var(--line)}[data-workspace-tone=dark] .category.active{background:#344b69;color:#d9eaff}[data-workspace-tone=dark] .primary{color:#122238}[data-workspace-tone=dark] #empty{color:var(--theme-text)}[data-workspace-tone=dark] .canvas-dock .canvas-toolbar{border-color:#61718970;box-shadow:0 12px 32px #0005}[data-workspace-tone=dark] .live-tag{background:#304339;color:#bcdfcc}
@media(max-width:800px){.workspace-bar{left:8px;top:43px;max-width:calc(100% - 16px);overflow:auto}.workspace-bar button{padding:9px}.workspace-bar button span{display:none}#workspace-minimap{width:170px;right:8px;bottom:170px}.workspace-refined .topbar{padding:8px;gap:5px}.workspace-refined .library{position:absolute;left:0;top:64px;bottom:0;z-index:44;width:min(340px,90vw)}}
.workspace-refined #onboarding-banner{top:108px;left:18px;right:auto;max-width:calc(100% - 36px)}[data-workspace-tone=dark] .canvas-top button{background:var(--theme-surface);color:var(--theme-text)}[data-workspace-tone=dark] #empty p,[data-workspace-tone=dark] #empty>span{color:#b1bdce}[data-workspace-tone=dark] .empty-graphic>div{color:#263b32}.workspace-refined .workspace-bar button:focus-visible{outline:2px solid var(--theme-selection);outline-offset:2px}
/* Native disclosure controls keep a large library calm and keyboard accessible. */
.categories:has(.template-category-label){display:block}.template-category-label{font-size:10px;width:100%}.template-category-label select{width:100%;margin-top:4px}.template-group-actions{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.template-group-actions button{font-size:10px;text-decoration:underline;padding:5px 0}.template-group{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--theme-surface)}.template-group>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:13px 12px;font-size:12px;font-weight:650;list-style:none}.template-group>summary::-webkit-details-marker{display:none}.template-group>summary:before{content:'›';font-size:18px;transition:transform .15s}.template-group[open]>summary:before{transform:rotate(90deg)}.template-group>summary small{margin-left:auto;padding:3px 7px;border-radius:20px;background:color-mix(in srgb,var(--theme-accent) 12%,transparent);color:inherit;font-size:10px}.template-group>summary:focus-visible{outline:2px solid var(--theme-selection);outline-offset:2px;border-radius:10px}.template-group-content{padding:0 9px 3px}.template-group .template-card{width:100%;margin-bottom:9px}.template-group .mini-preview{height:130px}.template-group .card-copy{padding:12px}.template-group .card-title{font-size:12px}.template-group .card-copy p{font-size:11px}.template-group .card-meta{font-size:9px}
#tour-callout{position:fixed;inset:0;pointer-events:none;z-index:999}#tour-callout[hidden]{display:none}#tour-callout>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tour-leader{fill:none;stroke:var(--theme-selection,#20594a);stroke-width:2.5;filter:drop-shadow(0 1px 2px #fff8)}.tour-target-ring{position:fixed;border:3px solid var(--theme-selection,#20594a);border-radius:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-surface,#fff) 85%,transparent);pointer-events:none}.tour-target-ring>span{position:absolute;top:-13px;left:5px;min-width:24px;height:24px;display:grid;place-items:center;background:var(--theme-selection,#20594a);color:var(--theme-accent-text,#fff);border:2px solid var(--theme-surface,#fff);border-radius:50%;font-size:11px;font-weight:700}#tour-card{border-color:var(--theme-selection);z-index:1000}
/* A discoverable edge handle reveals the AI team drawer. */
#agent-edge{position:absolute;right:0;top:42%;z-index:43;display:flex;align-items:center;gap:9px;padding:12px 7px;border:1px solid var(--line);border-right:0;border-radius:14px 0 0 14px;background:var(--theme-surface);color:var(--theme-text);box-shadow:-3px 3px 15px #0001;writing-mode:vertical-rl;font-size:11px}#agent-edge>span:first-child{font-size:19px}#agent-edge i{width:4px;height:28px;border-radius:4px;background:var(--theme-text);opacity:.35}#agent-edge[aria-expanded=true]{opacity:0;pointer-events:none}#agent-palette{position:absolute;inset:46px 12px 16px auto;width:350px;max-width:calc(100% - 24px);max-height:none;border-radius:22px;padding:18px;background:var(--theme-surface);color:var(--theme-text);border:1px solid var(--line);box-shadow:0 15px 65px #0003;z-index:44;display:flex;flex-direction:column;gap:10px;overflow:hidden;animation:agent-drawer-enter .2s ease-out}#agent-palette[hidden]{display:none}#agent-palette>header{display:flex;align-items:center;justify-content:space-between}#agent-palette>header>div{display:grid;gap:6px}#agent-palette>header small{font-size:8px;letter-spacing:1.8px;color:inherit;opacity:.6}#agent-palette>header strong{font-size:20px;font-weight:600;letter-spacing:-.4px}#agent-palette>header button{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--theme-text) 7%,transparent)}#agent-palette p{margin:0;font-size:11px;line-height:1.5}#agent-palette .helper{font-size:9px;color:inherit;opacity:.7}#agent-palette-search{flex-shrink:0;width:100%;font-size:12px}#agent-palette-results{overflow:auto;min-height:0;flex:1;scrollbar-width:thin}#agent-palette-results .agent-persona-tile{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit;min-height:102px}#agent-palette-results .agent-persona-tile:hover{background:color-mix(in srgb,var(--theme-accent) 8%,transparent)}.agent-portrait{display:block;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background-image:url('/agent-portraits.png');background-size:400% 300%;background-color:#bbc6ce;border:2px solid var(--theme-surface);box-shadow:0 0 0 1px var(--line);overflow:hidden}.agent-tile-copy{display:grid;gap:6px;min-width:0}.agent-tile-copy b{font-size:12px;line-height:1.35}.agent-tile-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:10px;line-height:1.5;color:inherit;opacity:.65}.agent-tile-copy .badge{font-size:8px;width:max-content;padding:2px 5px}.agent-tile-add{margin-left:auto;font-size:22px;color:var(--theme-accent)}#agent-palette>footer{border-top:1px solid var(--line);padding-top:6px}.agent-join-heading{display:flex;gap:16px;align-items:center;margin:15px 0 24px}.agent-join-heading h2{margin:8px 0 0}.agent-join-heading .agent-portrait{width:68px;height:68px;flex-basis:68px}.agent-start-options{padding:14px;border:1px solid var(--line);border-radius:12px}.agent-start-options summary{cursor:pointer;font-size:12px}.agent-start-options label{margin-top:15px}.agent-start-options p{margin-top:12px}.agent-chip>.agent-portrait{width:26px;height:26px;flex-basis:26px;grid-row:span 2}.agent-chip small{grid-column:2}@keyframes agent-drawer-enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media(max-width:540px){#agent-palette{top:45px;bottom:80px;width:330px;padding:15px}#agent-edge{padding:10px 6px;font-size:10px}}@media(prefers-reduced-motion:reduce){#agent-palette{animation:none}}
body.gallery-open .workspace{display:none}#board-gallery{height:calc(100dvh - 64px);overflow:auto;padding:46px max(24px,calc((100vw - 1200px)/2));background:var(--theme-canvas,#f5f7f3);color:var(--theme-text,#253d36)}#board-gallery[hidden]{display:none}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.gallery-header h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;font-weight:600;margin:12px 0}.gallery-header p,.gallery-discovery p{font-size:12px;opacity:.65;margin-bottom:0}.gallery-discovery{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--theme-surface,#fff);border-radius:18px;padding:24px;margin-bottom:40px}.gallery-discovery>div{margin-right:auto}.gallery-discovery strong{font-size:16px;font-weight:600}.gallery-filter-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.gallery-filter-row h2{margin:0 auto 9px 0;font-size:20px}.gallery-filter-row h2 small{font-weight:400;margin-left:10px}.gallery-filter-row input{width:250px}.gallery-filter-row label{font-size:10px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:22px}.gallery-card{display:block;text-align:left;border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden;background:var(--theme-surface,#fff);color:inherit;transition:transform .15s,box-shadow .15s}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0002}.gallery-card:focus-visible{outline:3px solid var(--theme-selection);outline-offset:3px}.gallery-preview{height:175px;background:#e8eee8;padding:16px}.gallery-preview svg{width:100%;height:100%;display:block}.gallery-card-copy{padding:18px}.gallery-card h3{font-size:16px;margin:12px 0 8px;overflow-wrap:anywhere}.gallery-card p{font-size:11px;opacity:.65;margin-bottom:12px}.gallery-card small{font-size:10px;color:inherit;opacity:.6}.gallery-empty-preview{height:100%;display:grid;place-content:center;gap:8px;text-align:center;color:#687b70;font-size:32px}.gallery-empty-preview small{font-size:11px}.gallery-no-results{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed var(--line);border-radius:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){#board-gallery{padding:24px 16px}.gallery-header,.gallery-discovery{align-items:start;flex-wrap:wrap}.gallery-header .actions{flex-wrap:wrap}.gallery-filter-row input{width:100%}.gallery-discovery{padding:18px}.topbar{overflow-x:auto}.board-tools[open]{position:static}}
.object.image img,.object.gif img{-webkit-user-drag:none;user-select:none;pointer-events:none}.object.sticky{border-radius:2px;box-shadow:0 2px 3px #18271e12,0 7px 12px -9px #18271e70;background-image:linear-gradient(168deg,#ffffff18 0%,transparent 60%,#00000004 100%);isolation:isolate}.object.sticky:before{content:'';position:absolute;bottom:3px;width:45%;height:14%;z-index:-1;box-shadow:0 9px 9px #15251d26;pointer-events:none}.object.sticky:after{content:'';position:absolute;bottom:0;width:27px;height:20px;background:linear-gradient(145deg,transparent 35%,#00000008 62%,#ffffff45 85%);pointer-events:none}.object.sticky.curl-right{border-bottom-right-radius:19px 5px}.object.sticky.curl-right:before{right:7px;transform:rotate(4deg)}.object.sticky.curl-right:after{right:0;border-radius:0 0 17px 0;box-shadow:1px 3px 3px -2px #0003}.object.sticky.curl-left{border-bottom-left-radius:19px 5px}.object.sticky.curl-left:before{left:7px;transform:rotate(-4deg)}.object.sticky.curl-left:after{left:0;transform:scaleX(-1);border-radius:0 0 17px 0;box-shadow:1px 3px 3px -2px #0003}.object.sticky>.obj-text{position:relative;z-index:1}.participant-cursor{color:var(--cursor-color);transform-origin:0 0;display:block;filter:drop-shadow(0 2px 3px #0002)}.participant-cursor>svg{width:28px;height:32px;display:block;overflow:visible}.participant-cursor>svg path{fill:var(--cursor-color);stroke:white;stroke-width:1.8;stroke-linejoin:round}.participant-cursor>small{position:absolute;left:21px;top:24px;white-space:nowrap;background:var(--cursor-color);color:white;border:1px solid #fff8;border-radius:5px 10px 10px 10px;padding:5px 9px;font-size:11px;font-weight:550;letter-spacing:.1px}#dock-pin[aria-pressed=true]{background:color-mix(in srgb,var(--theme-accent) 17%,transparent)}#dock-pin>span{font-size:23px;transform:rotate(-30deg)}.canvas-dock.is-pinned .dock-reveal{opacity:.35;cursor:default}
.workspace-bar.is-collapsed>button:not(#workspace-collapse){display:none}.workspace-bar #workspace-collapse{font-size:20px;min-width:32px;justify-content:center}.object .edge-anchor{position:absolute;width:12px;height:12px;border-radius:50%;padding:0;transform:translate(-50%,-50%);border:2px solid var(--theme-surface);background:var(--theme-selection);z-index:32;pointer-events:auto}.object .edge-anchor:hover,.object .edge-anchor:focus-visible{outline:2px solid var(--theme-selection);outline-offset:2px;scale:1.25}.note-media{display:grid;gap:6px;padding:0 12px 12px;max-height:calc(100% - 55px);overflow:auto;scrollbar-width:thin}.note-media img{width:100%;height:auto;max-height:160px;object-fit:contain;display:block;-webkit-user-drag:none}.sticky:has(.note-media)>.obj-text{height:auto;min-height:38px;padding-bottom:8px}.sticky:has(.note-media)>.obj-text[contenteditable=true]{min-height:38px!important;max-height:60%;overflow:auto}
.object.voice .obj-text{padding:13px}.voice audio{display:block;width:100%;height:36px;margin:8px 0}.voice-caption{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object.voice .text-button{font-size:10px}#voice-preview{width:100%}#voice-status{font-size:12px}
#personal-todo{position:absolute;width:340px;max-height:550px;z-index:31;border:1px solid #8e998c55;border-radius:17px;padding:18px;box-shadow:0 12px 32px #1a272128;pointer-events:auto;font-size:12px}#personal-todo[hidden]{display:none}#personal-todo[data-pattern=dots]{background-image:radial-gradient(#5b715633 1px,transparent 1px);background-size:16px 16px}#personal-todo[data-pattern=ruled]{background-image:repeating-linear-gradient(transparent,transparent 27px,#66856620 28px)}#personal-todo header{display:flex;align-items:center;justify-content:space-between;cursor:grab;touch-action:none;margin-bottom:16px}#personal-todo header>div{display:grid;gap:6px}#personal-todo header small{font-size:8px;letter-spacing:1.5px;color:inherit;opacity:.6}#personal-todo header strong{font-size:23px;letter-spacing:-.6px;font-weight:550}#personal-todo select{width:100%;font-size:11px;background:transparent;color:inherit;border-color:#71837466;padding:8px}.todo-items{max-height:360px;overflow:auto;margin-top:12px;scrollbar-width:thin}.todo-row{display:flex;align-items:start;gap:11px;padding:13px 0;border-bottom:1px solid #7a8e7726}.todo-row>input{margin-top:3px;width:17px;height:17px;flex:0 0 auto;accent-color:#36785d}.todo-row>button{display:grid;gap:7px;text-align:left;line-height:1.45;padding:0;font-size:12px;overflow-wrap:anywhere}.todo-row small{font-size:10px;color:inherit;opacity:.65}.todo-row.is-done>button>span{text-decoration:line-through;opacity:.5}#personal-todo footer{font-size:8px;opacity:.55;margin-top:14px}.task-view-tabs{justify-content:start!important}.task-view-tabs [aria-pressed=true]{border-color:var(--theme-selection);background:color-mix(in srgb,var(--theme-accent) 12%,transparent)}.task-list-view{max-height:45vh;overflow:auto;margin:15px 0}.task-kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;overflow:auto;max-height:50vh;margin:18px 0;padding-bottom:12px}.task-kanban>section{padding:12px;background:color-mix(in srgb,var(--theme-text) 4%,transparent);border:1px solid var(--line);border-radius:13px;min-height:200px}.task-kanban>section>header{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:15px}.kanban-card{background:var(--theme-surface);border:1px solid var(--line);border-radius:9px;padding:12px;display:grid;gap:10px;margin-bottom:10px;box-shadow:0 3px 8px #00000008}.kanban-card>button{text-align:left;padding:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.kanban-card>small{font-size:9px;color:inherit;opacity:.65}.kanban-card label{font-size:9px}.kanban-card select{font-size:10px;padding:6px}.task-personal-style{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.task-personal-style summary{cursor:pointer;font-size:12px;margin-bottom:15px}
.account-sections{display:grid;gap:25px}.account-sections section{border:1px solid var(--line);border-radius:13px;padding:20px}.account-sections h3{font-size:16px}#private-recovery-codes{padding:15px;border:1px dashed var(--line);border-radius:8px;user-select:all;font-size:13px}#forgot-password{margin-bottom:16px}
.invitation-qr{display:grid;justify-items:center;gap:9px;margin:20px auto;padding:18px;border:1px solid var(--line);border-radius:14px;width:max-content;max-width:100%;background:var(--theme-surface)}.invitation-qr img{border-radius:8px;background:white}.invitation-qr figcaption{font-size:10px;color:var(--theme-text);opacity:.7}#joined-tour-banner{position:absolute;left:18px;right:18px;top:110px;z-index:42;display:flex;gap:16px;align-items:center;padding:18px;border:1px solid var(--theme-selection);border-radius:15px;background:var(--theme-surface);color:var(--theme-text);box-shadow:0 6px 22px #0002}#joined-tour-banner>div{margin-right:auto}#joined-tour-banner strong{font-size:15px}#joined-tour-banner p{font-size:11px;margin:7px 0 0;opacity:.7}@media(max-width:700px){#joined-tour-banner{flex-wrap:wrap}#joined-tour-banner>div{width:100%}}
.gallery-entry{position:relative}.gallery-entry .gallery-card{width:100%;height:100%}.gallery-rename{position:absolute;right:14px;bottom:14px;font-size:10px;text-decoration:underline;color:var(--theme-text);padding:4px;border-radius:5px}.gallery-entry .gallery-card-copy{padding-bottom:36px}
.object.file{border:1px solid #c8d2df;border-radius:14px;box-shadow:0 6px 16px #152b4b12}.file .obj-text{display:grid;grid-template-columns:52px 1fr;gap:8px 12px;align-items:center;padding:14px;font-size:14px;overflow:hidden}.file .obj-text strong{overflow-wrap:anywhere}.file .obj-text small{grid-column:2;color:#506078}.file-type-icon{grid-row:1/4;width:50px;height:65px;background:var(--file-color);color:white;display:grid;place-items:center;border-radius:6px 14px 6px 6px;font:bold 11px system-ui;box-shadow:inset -5px 0 #ffffff15}.file-document-preview{width:100%;height:65vh;border:1px solid #aab8cb;border-radius:10px;margin-top:14px;background:white}.file-text-preview{white-space:pre-wrap;max-height:65vh;overflow:auto;padding:18px;background:#f5f7fa;color:#182738;border-radius:10px}
.file-page-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:13px}.file-page-image{display:block;width:100%;height:auto;min-height:260px;background:white;border:1px solid #cbd3df;border-radius:8px}
/* Keep account switching and recovery as distinct, comfortably spaced actions. */
#auth-toggle,#forgot-password{display:block;width:fit-content;max-width:100%;min-height:40px;padding:8px 0;text-align:left;white-space:normal}
#auth-toggle{margin-top:8px}
#forgot-password{margin:10px 0 0}
/* The Art flyout keeps drawing actions together without widening the dock. */
.art-menu{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:332px;max-width:calc(100vw - 24px);padding:10px;border:1px solid color-mix(in srgb,var(--theme-text) 18%,transparent);border-radius:21px;background:var(--theme-surface);box-shadow:0 12px 32px #172c2926;z-index:2}
.art-menu[hidden]{display:none}.art-menu .tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:72px;min-width:0;padding:8px 4px;border-radius:13px;color:var(--theme-text);background:transparent;touch-action:manipulation}.art-menu .tool>svg{height:30px;width:28px}.art-menu .tool small{font-size:11px;line-height:14px}.art-menu .tool:hover,.art-menu .tool.active{background:color-mix(in srgb,var(--theme-accent) 15%,transparent)}.art-menu .tool:focus-visible{outline:2px solid var(--theme-selection);outline-offset:-2px}#art-tools[aria-expanded=true]{background:color-mix(in srgb,var(--theme-accent) 15%,transparent)}
.object-controls [data-object-delete]>svg{display:block;width:16px;height:16px}.object-controls [data-object-delete]:not(:disabled){color:#b33c40}.object-controls [data-object-delete]:hover:not(:disabled){background:#b33c4014}.delete-object-preview{max-height:230px;overflow:auto;padding-left:22px;line-height:1.6;font-size:13px}.delete-object-preview li{margin:5px 0;overflow-wrap:anywhere}