/* Application chrome only. Board content keeps its saved styling and geometry. */
:root{--shell-bg:#f5f6f8;--shell-panel:#fff;--shell-line:#e3e5eb;--shell-text:#252936;--shell-muted:#727888;--shell-accent:#6854cc}
html[data-theme=night]{--shell-bg:#141923;--shell-panel:#1d2431;--shell-line:#343d4d;--shell-text:#e9edf5;--shell-muted:#a5afc0;--shell-accent:#b6a6ff}
#dashboard{background:var(--shell-bg);color:var(--shell-text);grid-template-columns:224px minmax(0,1fr)}
#dashboard .dashboard-sidebar{background:var(--shell-panel);border-color:var(--shell-line);padding:28px 18px}
#dashboard .dashboard-brand{padding:0 10px;gap:10px}#dashboard .weave-brand-word{font-size:28px;color:var(--shell-text)}
#dashboard .dashboard-workspace{margin:34px 0 22px;padding:12px 8px;border:0;background:transparent}.dashboard-workspace>div{min-width:0}#dashboard .dashboard-workspace strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dashboard .dashboard-workspace small{font-size:11px;color:var(--shell-muted)}
#dashboard .dashboard-sidebar nav button{min-height:44px;font-size:13px;color:var(--shell-muted);padding:10px 12px}#dashboard .dashboard-sidebar nav button.active{color:var(--shell-accent);background:#8972dc12}
.dashboard-family{margin-top:auto;padding:20px 12px 0;color:var(--shell-muted);font-size:12px;text-decoration:none}
#dashboard .dashboard-main{max-width:1480px;padding:40px 44px 80px;margin:0 auto}#dashboard .dashboard-header{margin:0 0 28px;align-items:center;gap:18px;flex-direction:row}#dashboard h1{margin:0;font-size:29px;font-weight:650;letter-spacing:-.8px}#dashboardCount{display:inline-block;margin-left:9px;font-size:12px;font-weight:400;letter-spacing:0;color:var(--shell-muted)}
#dashboard .dashboard-admin-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}#dashboard .dashboard-admin-actions .button{height:42px;min-height:42px;border-radius:8px;font-size:13px;padding:0 15px;gap:7px}.dashboard-account-button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;background:#e7e0f7;color:#654e9a;border:1px solid #a78cce30;border-radius:50%;font-size:15px;font-weight:650}
.dashboard-library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}#dashboard .dashboard-search{min-height:44px;width:300px;border-radius:8px;background:var(--shell-panel);border-color:var(--shell-line);padding:10px 13px}#dashboard .dashboard-search input{width:100%;font-size:13px;color:var(--shell-text)}
#dashboard .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px}#dashboard .dashboard-card{border-radius:10px;border-color:var(--shell-line);box-shadow:0 1px 3px #25213a04;transition:border-color .15s,box-shadow .15s}#dashboard .dashboard-card:hover{transform:none;border-color:#a89bc9;box-shadow:0 5px 18px #27203c0c}#dashboard .dashboard-card-art{height:172px;background:radial-gradient(#cdd1dc .65px,transparent .65px) 0 0/14px 14px,#f0f2f6;border-color:var(--shell-line)}#dashboard .dashboard-card-info{padding:16px}#dashboard .dashboard-card-info strong{font-size:14px;font-weight:600}#dashboard .dashboard-card-info small{font-size:11px;color:var(--shell-muted);margin-top:6px}#dashboard .dashboard-card-options{width:36px;height:36px;border:1px solid var(--shell-line);color:var(--shell-muted);box-shadow:none}#dashboard .dashboard-empty{padding:52px 0}#dashboard .dashboard-empty h3{font-size:18px;color:var(--shell-text)}
.dashboard-settings{position:fixed;z-index:68;right:24px;top:84px;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 104px);overflow:auto;background:var(--shell-panel);color:var(--shell-text);border:1px solid var(--shell-line);border-radius:14px;box-shadow:0 16px 64px #16142929;padding:20px}.dashboard-settings[hidden]{display:none!important}.dashboard-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:16px}.dashboard-settings-close{display:grid;place-items:center;width:36px;height:36px;border-radius:7px;color:var(--shell-muted)}.dashboard-settings-close:hover{background:#8972dc12}.dashboard-settings .dashboard-account-line{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 20px;font-size:12px;color:var(--shell-muted)}.dashboard-settings .dashboard-account-line strong{font-size:14px;color:var(--shell-text)}.dashboard-settings .dashboard-role{margin-top:4px;font-size:10px}.dashboard-settings #dashboardSync{font-size:11px}.dashboard-settings-appearance{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:15px 0;border-top:1px solid var(--shell-line)}
#dashboard .dashboard-settings .dashboard-plan{margin:0;padding:15px 0;border:0;border-top:1px solid var(--shell-line);border-radius:0;background:transparent;display:flex;align-items:center;flex-direction:row;gap:12px}#dashboard .dashboard-plan strong{font-size:12px;color:var(--shell-text)}#dashboard .dashboard-plan p{margin:5px 0 0;font-size:11px}#dashboard .dashboard-plan>.button{width:auto;padding:0 10px;min-height:38px;font-size:11px}
.dashboard-settings-group{border-top:1px solid var(--shell-line);padding:14px 0 8px}.dashboard-settings-group h2{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--shell-muted);margin:0 0 7px}.dashboard-settings-group button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;border-radius:7px;text-align:left;padding:8px 6px;font-size:13px;color:var(--shell-text)}.dashboard-settings-group button:hover{background:#8972dc12}.dashboard-settings-group button svg{width:17px!important;height:17px!important;color:var(--shell-muted)}.dashboard-settings-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--shell-line);font-size:11px}.dashboard-settings-footer a{color:var(--shell-muted)}
/* Keep the canvas open; optional panels start closed. */
.topbar{background:var(--shell-panel);border-color:var(--shell-line)}.topbar .theme-switch,.topbar .collaborator,.topbar .present-button,.topbar .top-divider{display:none}.breadcrumbs>span{display:none}.breadcrumbs .dashboard-back{font-size:11px;text-decoration:none;color:var(--shell-muted)}.board-title{font-size:17px;letter-spacing:-.3px}.topbar-actions .button{font-size:12px;border-radius:7px;height:36px}.board-badge,.canvas-top-actions>[data-action=connect-selected]{display:none}.canvas-topline{left:auto;right:18px;top:16px;width:auto;height:auto;padding:0;background:none;pointer-events:none}.canvas-top-actions{pointer-events:auto;gap:7px}.canvas-top-actions button{background:var(--shell-panel);border:1px solid var(--shell-line);border-radius:7px;min-height:36px;padding:0 11px;font-size:11px;color:var(--shell-muted)}.phone-frame-nav.no-frames{display:none}.toolbox,.bottom-controls{border-color:var(--shell-line);box-shadow:0 3px 14px #1d20320b}.toolbox{padding:5px;border-radius:11px}.tool{height:38px;width:38px}.tool.active:after{display:none}.tool.active{background:#8a73dd16;border-radius:7px}.tool-hint{max-width:360px;font-size:11px;padding:8px 12px;box-shadow:0 2px 10px #1b133315}.bottom-controls{left:auto;right:22px;transform:none;bottom:22px;gap:3px;border-radius:9px}.bottom-controls .history-label{display:none}.minimap-wrap{bottom:82px}.overview-panel{top:65px}.panel-heading{font-size:13px}.panel-tabs .panel-tab{font-size:11px;min-height:40px}.panel-footer{display:none}
.guest-banner{min-height:48px;height:48px;padding:6px 20px;background:var(--shell-panel);gap:12px}.guest-banner>div{display:flex;align-items:center;gap:14px}.guest-banner strong{font-size:12px;letter-spacing:0;font-weight:600}.guest-banner span{font-size:11px;margin:0;color:var(--shell-muted)}.guest-banner .button{min-height:34px;height:34px;font-size:12px}.guest-mode #viewport{top:calc(var(--header) + 48px)}
@media(max-width:1100px) and (min-width:701px){#dashboard{grid-template-columns:190px minmax(0,1fr)}#dashboard .dashboard-main{padding:32px 28px}#dashboard .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media(max-width:700px){
 #dashboard{display:block}#dashboard .dashboard-sidebar{height:74px;padding:18px 18px;border-bottom:1px solid var(--shell-line)}#dashboard .dashboard-brand{padding:0}.dashboard-family{display:none}#dashboard .dashboard-main{padding:25px 16px 40px}#dashboard .dashboard-header{align-items:center;gap:10px;margin-bottom:21px}#dashboard h1{font-size:26px}#dashboardCount{display:none}#dashboard .dashboard-admin-actions{gap:7px}#dashboard .dashboard-admin-actions .button{height:44px;min-height:44px;padding:0 12px;font-size:12px}#dashboard .dashboard-admin-actions #dashboardTemplates{padding:0;width:44px;min-width:44px}#dashboardTemplates>span{display:none}#dashboard .dashboard-account-button{position:absolute;right:18px;top:16px;width:42px;height:42px}#dashboard .dashboard-library-toolbar{flex-direction:column-reverse;align-items:stretch;gap:17px;margin-bottom:19px}#dashboard .dashboard-search{width:100%;min-height:46px}#dashboard .dashboard-search input{font-size:16px}#dashboard .dashboard-mobile-filters{display:flex;gap:20px;margin:0;border-bottom:1px solid var(--shell-line)}#dashboard .dashboard-mobile-filters button{border:0;background:transparent;border-radius:0;min-height:42px;padding:0 0 10px;font-size:12px;color:var(--shell-muted);border-bottom:2px solid transparent}#dashboard .dashboard-mobile-filters button.active{color:var(--shell-accent);border-bottom-color:var(--shell-accent)}#dashboard .dashboard-grid{grid-template-columns:1fr;gap:16px}#dashboard .dashboard-card-art{height:166px}#dashboard .dashboard-card-info{padding:15px 16px}#dashboard .dashboard-card-info strong{font-size:15px}#dashboard .dashboard-card-options{width:44px;height:44px;top:8px;right:8px}.dashboard-settings{top:72px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 88px);padding:18px}.dashboard-settings-close{width:44px;height:44px}
 .topbar{padding:8px 10px 8px 4px;gap:4px}.breadcrumbs{display:none}.board-title{font-size:15px;max-width:min(39vw,200px)}.board-title-row{gap:1px}.topbar-actions .button{width:40px;min-width:40px;height:40px;padding:0}.topbar-actions .button>span:last-child{display:none}.topbar-actions .button svg{width:18px;height:18px}.board-title-row>.icon-button{width:28px}.canvas-topline{top:12px;right:12px;left:auto;height:auto;padding:0;background:none}.canvas-top-actions .frame-create-button{display:none!important}.canvas-top-actions .overview-toggle{width:42px;height:42px;padding:0;min-height:42px;justify-content:center}.canvas-top-actions .overview-toggle span:last-child{display:none}.phone-frame-nav{top:61px;left:12px;right:12px;min-height:38px;background:var(--shell-panel);box-shadow:none}.phone-frame-nav>button:nth-child(2){font-size:11px}
 .toolbox{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;display:flex;justify-content:space-around;overflow:visible;padding:6px;gap:3px;border-radius:13px}.toolbox .tool[data-tool=hand],.toolbox .tool[data-tool=text],.toolbox .tool[data-tool=connector],.toolbox .tool.secondary-tool,.toolbox .tool-divider{display:none!important}.toolbox .tool{flex:1 1 0;min-width:44px;width:auto;height:49px;gap:4px;border-radius:8px}.toolbox .tool svg{width:21px;height:21px}.toolbox .tool-label{font-size:10px}.toolbox .tool.active{background:#8972dc14}
 .bottom-controls{left:12px;right:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 78px);transform:none;border-radius:9px;padding:3px 4px;gap:1px}.bottom-controls .icon-button{min-width:34px;width:34px;height:36px}.bottom-controls #undoButton,.bottom-controls #redoButton{width:36px;padding:0;justify-content:center}.bottom-controls [data-action=zoom-in],.bottom-controls [data-action=zoom-out],.bottom-controls .toolbar-divider:last-of-type{display:none}.bottom-controls .zoom-label{width:43px;font-size:10px}.bottom-controls .history-label{display:none}.tool-hint{top:64px;left:62px;right:62px;width:auto;transform:none;max-width:none;font-size:11px;line-height:1.45;padding:8px 10px;pointer-events:none}.object-toolbar{position:absolute;left:12px!important;right:12px;top:auto!important;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 130px);width:calc(100% - 24px);max-width:none;min-height:54px;padding:5px 7px;border-radius:10px;animation:none;gap:4px;justify-content:flex-start}.object-toolbar #connectSelected,.object-toolbar #resizeSelected,.object-toolbar #listStyleSelected,.object-toolbar #symmetrizeSelected,.object-toolbar #frameSelectionSelected{display:none!important}.object-toolbar .context-button{font-size:12px;min-height:44px}.object-toolbar .mobile-object-more{margin-left:auto}.object-toolbar #addListItemSelected{font-size:0;min-width:38px;padding:0 8px}.object-toolbar #addListItemSelected svg{width:19px;height:19px}.object-toolbar .mobile-color-button{min-width:38px}.object-toolbar #textSizeButton{min-width:68px}.resizing-object .bottom-controls,.editing-note .bottom-controls,.editing-note .toolbox{display:none}.editing-bar{bottom:calc(14px + var(--keyboard-offset,0px));max-width:calc(100% - 24px);gap:6px}.editing-bar .history-button{min-height:44px}.phone-note-editor{top:12px;padding:17px;border-radius:10px;max-height:calc(var(--visible-height,100dvh) - 100px)}.phone-editor-heading{margin-bottom:14px}
 .guest-banner{height:44px;min-height:44px;padding:5px 12px;align-items:center;flex-direction:row}.guest-banner strong{font-size:11px}.guest-banner span{display:none}.guest-banner .button{min-height:32px;height:32px;font-size:11px}.guest-mode #viewport{top:calc(var(--header) + 44px)}
}
@media(min-width:540px) and (max-width:700px){#dashboard .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme=night] #dashboard .dashboard-card-art{background:radial-gradient(#414b60 .65px,transparent .65px) 0 0/14px 14px,#202838}html[data-theme=night] .dashboard-card-options{background:#252e3f}html[data-theme=night] .dashboard-account-button{background:#34304d;color:#ded4ff}

.popover{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.popover .menu-item{min-height:40px}.appearance-settings{margin:8px 0}@media(max-width:700px){.popover .menu-item{min-height:44px}.topbar-actions .export-button{display:flex!important}}

.canvas-empty{position:absolute;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);text-align:center}.canvas-empty[hidden]{display:none}.canvas-empty h2{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:0 0 16px;color:var(--shell-muted)}.canvas-empty .button{min-height:44px;font-size:13px;padding:0 18px;border-radius:8px}