.draw-shell{--draw-ink:var(--ink);--draw-muted:var(--muted);--draw-border:var(--quiet-fill);--draw-accent:var(--brand);color:var(--draw-ink)}.draw-shell .main-column{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.draw-shell .topbar{flex-shrink:0}.draw-dashboard{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid;container:secondary-layout/inline-size}.draw-secondary-navigation{align-self:start;height:calc(100dvh - 56px);position:sticky;top:56px}.draw-main{background:#fff;flex:1;grid-area:1/2/-1;min-width:0;padding:24px 32px 64px}.draw-page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex}.draw-page-heading h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:600;line-height:36px}.draw-page-heading .draw-muted{color:var(--body-ink);margin-top:6px}.draw-eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:12px}.draw-muted{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.draw-inline{align-items:center;gap:8px;min-width:0;display:flex}.draw-inline .ui-input{min-width:0}.draw-inline .ui-button{flex-shrink:0}.draw-library-tools{justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.draw-library-quota{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:20px;display:flex}.draw-library-quota a{color:var(--brand-strong);text-decoration:underline}.draw-board-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;display:grid}.draw-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:48px 24px;display:flex}.draw-empty-sketch{color:var(--brand-on-container);border-radius:var(--radius-card);background:var(--brand-container);place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:grid}.draw-empty h2{letter-spacing:0;margin:0 0 8px;font-size:16px;font-weight:600;line-height:24px}.draw-empty p{max-width:400px;color:var(--body-ink);margin:0 0 24px;font-size:14px;line-height:22px}.draw-load-more{text-align:center;margin-top:28px}.draw-info,.draw-error{border-radius:var(--radius-control);background:var(--danger-bg);color:var(--danger);overflow-wrap:anywhere;margin:16px 0;padding:12px 16px;font-size:14px;line-height:22px}.draw-info{background:var(--quiet-fill);color:var(--brand-strong)}.draw-info a{text-decoration:underline}.draw-info>button[aria-label]{color:inherit;flex:none;margin-left:auto}.draw-error{background:var(--danger-bg);color:var(--danger)}.draw-form{gap:24px;margin:24px 0 0;display:grid}.draw-form>p{margin:0}.draw-field{gap:8px;min-width:0;display:grid}.draw-form .ui-dialog-footer{margin-top:0}.draw-dialog .draw-muted{color:var(--body-ink);font-size:14px;line-height:22px}.draw-dialog .ui-input,.draw-dialog .ui-select-trigger{height:40px;min-height:40px}.draw-dialog>.ui-button{min-height:40px;margin-top:24px}.draw-dialog .draw-inline>.ui-button{min-height:40px}.draw-form label{gap:8px;font-size:14px;font-weight:500;line-height:20px;display:grid}.draw-form .draw-confirm{align-items:flex-start;font-size:14px;line-height:22px;display:flex}.draw-dialog{max-width:520px;max-height:calc(100dvh - 32px);overflow-y:auto}.draw-dialog .draw-inline{align-items:center;gap:8px;min-width:0;display:flex}.draw-dialog .draw-inline>.ui-input{flex:160px}.draw-dialog .draw-inline>.ui-select-trigger{flex:none}.draw-share-list{max-height:260px;margin-top:24px;overflow-y:auto}.draw-share-list:empty{display:none}.draw-share-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;font-size:14px;display:flex}.draw-share-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.draw-share-row small{color:var(--muted);margin-top:4px;display:block}.draw-editor{z-index:1;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.draw-canvas{flex:1;min-height:0;position:relative}.draw-canvas>.excalidraw{height:100%}.draw-canvas-loading{color:var(--muted);background:#ffffffeb;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.draw-loading{height:100dvh;color:var(--muted);place-items:center;font-size:14px;display:grid}.draw-invitation{text-align:center;max-width:470px;margin:18vh auto;padding:30px}.draw-invitation h1{letter-spacing:-.02em;margin:18px 0;font-size:27px}.draw-invitation .ui-button{margin:25px auto 14px}.draw-invitation>a{font-size:12px;display:block}@media (max-width:1250px){.draw-main{padding:24px 24px 30px}.draw-page-heading{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:850px){.draw-main{padding:20px 20px 26px}.draw-board-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;display:grid}}@media (max-width:600px){.draw-main{padding:24px 20px 48px}.draw-page-heading h1{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:600;line-height:36px}.draw-board-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:16px;display:grid}.draw-dialog .draw-inline{align-items:center;gap:8px;min-width:0;display:flex}}.draw-embed-link{box-sizing:border-box;overflow-wrap:anywhere;border:1px solid var(--quiet-fill);width:100%;height:100%;color:var(--brand-strong);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:20px;display:flex}.draw-shell{--draw-ink:var(--ink);--draw-muted:var(--muted);--draw-border:var(--line);--draw-accent:var(--brand-strong)}.draw-empty{max-width:600px;margin-inline:auto}.draw-editor .excalidraw{--color-slider-track:var(--brand-strong);--color-slider-thumb:var(--brand-strong);--color-primary:var(--brand-strong);--color-primary-darker:var(--brand-strong);--color-primary-darkest:var(--brand-strong);--color-primary-light:var(--brand-container);--color-primary-light-darker:var(--brand-border);--color-on-primary-container:var(--brand-on-container);--color-brand-hover:var(--brand-strong);--color-brand-active:var(--brand-strong);--color-surface-high:var(--quiet-fill);--color-primary-hover:var(--brand-strong);--color-surface-mid:var(--line);--color-surface-primary-container:var(--brand-container);--color-surface-low:#f7f8f7}.draw-editor .excalidraw .color-picker__button{min-width:24px;min-height:24px}.draw-editor .excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon,.draw-editor .excalidraw .buttonList button.active,.draw-editor .excalidraw .buttonList label.active{box-shadow:none;background:var(--brand-container);color:var(--brand-on-container)}.draw-editor .excalidraw .range-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:6px}.draw-editor .excalidraw{--RadioGroup-choice-color-on:var(--brand-on-container);--RadioGroup-choice-background-on:var(--brand-container);--RadioGroup-choice-background-on-hover:color-mix(in srgb, var(--brand-on-container) 8%, var(--brand-container));--RadioGroup-choice-background-on-active:color-mix(in srgb, var(--brand-on-container) 12%, var(--brand-container))}.draw-editor .excalidraw .sidebar-tab-trigger[data-state=active]{--button-bg:var(--brand-container);--button-border:transparent;--button-color:var(--brand-on-container);--button-hover-bg:color-mix(in srgb, var(--brand-on-container) 8%, var(--brand-container));--button-hover-color:var(--brand-on-container);--button-active-bg:color-mix(in srgb, var(--brand-on-container) 12%, var(--brand-container));color:var(--brand-on-container)}.draw-editor .excalidraw :is(.Dialog__action-button--primary,.library-menu-browse-button,.ttd-dialog-panel-button.excalidraw-button){color:var(--brand-ink);background:var(--brand-action);border-color:var(--brand-action)}@media (hover:hover) and (pointer:fine){.draw-editor .excalidraw :is(.Dialog__action-button--primary,.library-menu-browse-button,.ttd-dialog-panel-button.excalidraw-button):hover:not(:disabled){color:var(--brand-ink);background:var(--brand-hover);border-color:var(--brand-hover)}}.draw-editor .excalidraw :is(.Dialog__action-button--primary,.library-menu-browse-button,.ttd-dialog-panel-button.excalidraw-button):active:not(:disabled){background:var(--brand-pressed);border-color:var(--brand-pressed)}@container secondary-layout (max-width:640px){.draw-secondary-navigation{height:auto;position:static}.draw-main{grid-area:2/1/auto/-1}}@media (max-width:520px){.draw-dialog .draw-inline{flex-wrap:wrap}.draw-dialog .draw-inline>.ui-input{flex:180px}.draw-share-row>span{flex-basis:100%}.draw-info.draw-inline{flex-wrap:wrap}}@media (pointer:coarse){.draw-dialog .ui-input,.draw-dialog .ui-select-trigger{height:48px;min-height:48px}.draw-dialog>.ui-button,.draw-dialog .draw-inline>.ui-button{min-height:48px}}