:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--menu-radius:14px;--menu-shadow:0 2px 6px rgba(0,0,0,0.08);--app-frame-top-height:64px;--app-frame-right-width:384px;--app-frame-right-collapsed-width:56px;--app-frame-panel-width:360px;--app-frame-gutter:12px;--app-frame-gap:8px;--frame-radius-control:10px;--frame-radius-panel:12px;--frame-shell-border:#d3d9e1;--frame-shell-top-start:#eef2f6;--frame-shell-top-end:#eef2f6;--frame-shell-right-start:#eef2f6;--frame-shell-right-end:#eef2f6;--frame-surface:#f2f5f8;--frame-surface-muted:#edf1f5;--frame-surface-subtle:#f7f9fb;--frame-surface-hover:#fafbfd;--frame-border:#b8c2ce;--frame-border-strong:#a6b1be;--frame-divider:#d5dbe3;--frame-text:#1f2933;--frame-text-muted:#5a6675;--frame-icon:#465262;--frame-focus-ring:color-mix(in srgb,var(--color-primary) 26%,transparent);--frame-active-bg:color-mix(in srgb,var(--color-primary) 10%,#ffffff 90%);--frame-active-bg-soft:color-mix(in srgb,var(--color-primary) 7%,#ffffff 93%);--frame-active-border:color-mix(in srgb,var(--color-primary) 42%,var(--frame-border) 58%);--frame-active-text:#1d4ed8;--frame-primary-bg:#1f6fe5;--frame-primary-bg-hover:#155fd0;--frame-primary-border:#1b62d2;--frame-secondary-action-bg:#5f7185;--frame-secondary-action-hover:#516275;--frame-secondary-action-border:#556679;--frame-shadow:0 8px 20px rgba(15,23,42,0.05);--frame-shadow-soft:0 10px 24px rgba(15,23,42,0.08);--frame-surface-raised:#f7f9fb;--frame-surface-raised-hover:#fafbfd;--frame-dropdown-radius:12px;--frame-dropdown-offset:2px;--frame-dropdown-offset-main:3px;--frame-dropdown-offset-page:2px;--frame-dropdown-offset-avatar:6px;--frame-dropdown-item-height:36px;--frame-dropdown-z:10000050;--frame-dropdown-content-padding:6px;--frame-dropdown-hover-bg:#e1e6ec;--frame-danger-hover-bg:color-mix(in srgb,#b42323 14%,var(--frame-surface) 86%);color-scheme:light dark;color:rgba(255,255,255,.87);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tlui-debug-panel,.tlui-help-menu,.tlui-menu-zone,.tlui-style-panel .tlui-opacity-slider,.tlui-style-panel .tlui-slider[aria-label*=Opacity],.tlui-style-panel .tlui-slider[aria-label*=opacity],.tlui-style-panel .tlui-style-panel__slider,.tlui-style-panel [data-testid="style.opacity"],button[aria-label="Next.js Dev Tools"],button[aria-label="Open Next.js Dev Tools"],button[data-nextjs-dev-tools-button]{display:none!important}.search-input::placeholder{color:#333333!important;opacity:1!important}.editor{position:fixed;inset:0;overflow:hidden;box-sizing:border-box}.editor--framed{padding-top:var(--app-frame-top-height);padding-right:var(--app-frame-right-width);background:var(--frame-shell-right-end)}.editor--framed.editor--right-collapsed{--app-frame-right-width:var(--app-frame-right-collapsed-width);padding-right:var(--app-frame-right-collapsed-width)}.app-frame-shell{position:fixed;inset:0;pointer-events:none;z-index:9990}.app-frame-shell__top{position:absolute;top:0;left:0;right:0;height:var(--app-frame-top-height);border-bottom:1px solid var(--frame-shell-border);background:linear-gradient(180deg,var(--frame-shell-top-start),var(--frame-shell-top-end))}.app-frame-shell__right{position:absolute;top:var(--app-frame-top-height);right:0;bottom:0;width:var(--app-frame-right-width);border-top:1px solid var(--frame-shell-border);border-left:1px solid var(--frame-shell-border);background:linear-gradient(180deg,var(--frame-shell-right-start),var(--frame-shell-right-end))}.editor--framed .left-rail,.editor--framed .library-topbar,.editor--framed .tldraw-menu-panel--detached{z-index:10010}.tldrawLogo{position:absolute;z-index:9999999;bottom:0;right:0}.tldrawLogo__mobile{bottom:60px}.makeRealButton{background:var(--color-primary);color:white;border:none;font:inherit;font-weight:600;padding:var(--space-3) var(--space-4);border-radius:var(--radius-2);margin:var(--space-3);cursor:pointer;pointer-events:all}.makeRealButton:hover{opacity:.95}.your-own-api-key{position:absolute;bottom:72px;right:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999999;color:var(--color-text-0);pointer-events:none}.your-own-api-key__inner{display:flex;flex-direction:row;max-width:300px;width:100%;gap:4px;background-color:var(--color-low);border-radius:8px;padding:6px;pointer-events:all}.your-own-api-key input{all:unset;padding:6px 12px;border-radius:4px;color:transparent;border:none;background:var(--color-panel);width:100%;height:32px;font-size:12px;font-family:Inter,sans-serif}.your-own-api-key__mobile{bottom:108px}.your-own-api-key__mobile input{bottom:108px;font-size:16px!important;pointer-events:all}.input__wrapper{position:relative;flex-grow:2}.input__wrapper:not(:focus-within):after{content:"Optional API Key (advanced)";display:block;position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;z-index:999999999;background-color:transparent;font-size:12px;font-family:Inter,sans-serif}.input__wrapper:after{pointer-events:none}.your-own-api-key input:focus{color:var(--color-text-0)}.question__button{all:unset;flex-shrink:0;width:32px;height:32px;background-color:transparent;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.presentation-mode .tl-canvas{cursor:default!important;touch-action:none!important}.presentation-mode .tl-background,.presentation-mode .tl-canvas{pointer-events:none!important}.presentation-mode{pointer-events:all!important}.auth-gate{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#1e293b,#0f172a 45%,#020617 100%);color:#f8fafc;padding:24px;z-index:9999999}.auth-gate__card{width:min(420px,92vw);background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(2,6,23,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-gate__eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#94a3b8;margin-bottom:12px}.auth-gate__title{font-size:26px;margin:0 0 12px}.auth-gate__copy{font-size:14px;color:#cbd5f5;margin:0 0 20px}.auth-gate__button{all:unset;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:#38bdf8;color:#0f172a;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.auth-gate__button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(56,189,248,.35)}.auth-loading{inset:0;background:#0f172a;color:#e2e8f0;font-size:16px}.assistant-fab,.auth-loading{position:fixed;display:flex;align-items:center;justify-content:center}.assistant-fab{right:20px;bottom:76px;z-index:10000001;width:52px;height:52px;border:none;border-radius:9999px;background:radial-gradient(120% 100% at 0 0,rgba(25,118,210,.32),transparent 62%),linear-gradient(180deg,#f7fbff,#e8f2ff);color:#145ea5;cursor:pointer;box-shadow:var(--menu-shadow);transition:transform .12s ease,border .12s ease,box-shadow .12s ease;pointer-events:auto}.assistant-fab:hover{transform:translateY(-1px);background:radial-gradient(120% 100% at 0 0,rgba(25,118,210,.4),transparent 62%),linear-gradient(180deg,#fafdff,#e2efff);box-shadow:var(--menu-shadow)}.assistant-fab__icon{display:block}.right-docked-rail{top:auto;bottom:var(--app-frame-gutter);right:var(--app-frame-gutter);z-index:10000002;flex-direction:row;padding:0;width:calc(var(--app-frame-right-width) - (var(--app-frame-gutter) * 2));border-radius:0;border:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.right-docked-rail,.right-mini-rail{position:fixed;display:flex;gap:8px;box-sizing:border-box}.right-mini-rail{top:var(--app-frame-top-height);right:0;bottom:0;width:var(--app-frame-right-width);padding:12px 9px;flex-direction:column;align-items:center;justify-content:flex-end;z-index:10000003;pointer-events:auto}.right-mini-rail__button{position:relative;width:38px;height:38px;border-radius:var(--frame-radius-control);border:1px solid var(--frame-border);background:var(--frame-surface);color:var(--frame-icon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none}.right-mini-rail__button:hover{background:var(--frame-surface-hover);border-color:var(--frame-border-strong)}.right-mini-rail__button.is-active{background:var(--frame-active-bg);border-color:var(--frame-active-border);color:var(--frame-active-text)}.right-mini-rail__dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:999px;background:var(--frame-active-text)}.editor--framed .right-docked-rail{background:transparent}.editor--framed .right-docked-rail__button{border-radius:var(--frame-radius-control);color:var(--frame-text-muted);opacity:1}.right-docked-rail__button{flex:1 1;gap:6px;color:var(--frame-text-muted);font-size:12px;font-weight:600}.right-docked-rail__button,.right-docked-rail__collapse{height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--frame-radius-control);border:1px solid color-mix(in srgb,var(--frame-border) 76%,transparent);background:var(--frame-surface-subtle);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.right-docked-rail__collapse{flex:0 0 38px;width:38px;color:var(--frame-icon);box-shadow:none}.right-docked-rail__collapse:hover{background:var(--frame-surface-hover);border-color:var(--frame-border-strong)}.right-docked-rail__collapse:focus-visible{outline:2px solid var(--frame-focus-ring);outline-offset:2px}.right-docked-rail .right-docked-rail__button{color:var(--frame-icon)!important}.right-docked-rail__button span,.right-docked-rail__button svg{color:var(--frame-icon)!important;fill:currentColor!important;opacity:1!important}.right-docked-rail__button:hover:not(:disabled){border-color:var(--frame-border-strong);background:var(--frame-surface-hover);color:var(--frame-text)}.right-docked-rail__button.is-active{border-color:var(--frame-active-border);background:var(--frame-active-bg-soft);color:var(--frame-active-text)!important}.right-docked-rail__button.is-active span,.right-docked-rail__button.is-active svg{color:var(--frame-active-text)!important;fill:currentColor!important}.right-docked-rail__button:focus-visible{outline:2px solid var(--frame-focus-ring);outline-offset:2px}.right-docked-rail__button:disabled{opacity:.48;cursor:not-allowed}.editor--framed .right-docked-rail__button:disabled{opacity:1;cursor:pointer}.right-panel-empty-state{background:transparent;border:none;border-radius:0;display:flex;flex-direction:column;overflow:hidden;z-index:10000001}.right-panel-empty-state__header{padding:12px 12px 8px;display:block;border-bottom:none}.right-panel-empty-state__header h2{margin:0;min-height:40px;display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--frame-text)}.right-panel-empty-state__header:after{content:"";display:block;height:1px;width:100%;background:rgba(25,118,210,.35);margin:2px 0 6px}.right-panel-empty-state__body{padding:8px 12px 14px;font-size:13px;line-height:1.45;color:var(--frame-text-muted)}.assistant-panel{position:fixed;right:20px;bottom:142px;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 120px));z-index:10000001;display:flex;flex-direction:column;background:var(--frame-surface);border:1px solid color-mix(in srgb,var(--frame-border) 82%,transparent);border-radius:var(--frame-radius-panel);box-shadow:var(--frame-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;pointer-events:auto}.assistant-panel--docked{width:min(360px,calc(100vw - 84px));max-height:calc(100vh - 88px);bottom:12px}.assistant-panel--framed{background:transparent;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.assistant-panel--framed .assistant-panel__header{background:transparent;border-bottom:none}.assistant-panel,.assistant-panel *{box-sizing:border-box}.assistant-panel__header{display:block;padding:12px 12px 8px;border-bottom:none;background:transparent}.assistant-panel__header h2{margin:0;min-height:40px;display:flex;align-items:center;color:var(--frame-text);font-size:15px;font-weight:700}.assistant-panel__header:after{content:"";display:block;height:1px;width:100%;background:rgba(25,118,210,.35);margin:2px 0 6px}.assistant-panel__messages{flex:1 1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.assistant-msg{padding:11px 13px;border-radius:14px;font-size:13px;line-height:1.45;white-space:pre-wrap}.assistant-msg--assistant{background:var(--frame-surface-subtle);color:var(--frame-text);border:1px solid color-mix(in srgb,var(--frame-border) 56%,transparent)}.assistant-msg--intro{padding:0;border-radius:0;background:transparent;border:none;color:var(--frame-text)}.assistant-msg--user{background:var(--frame-active-bg-soft);color:var(--frame-text);border:1px solid color-mix(in srgb,var(--frame-border) 72%,transparent)}.assistant-panel__composer{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-top:1px solid var(--frame-divider);min-width:0;background:var(--frame-surface)}.assistant-panel__templates{display:flex;flex-wrap:wrap;gap:6px}.assistant-template-chip{border:1px solid color-mix(in srgb,var(--frame-border) 76%,transparent);background:var(--frame-surface-subtle);color:var(--frame-text-muted);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:border .12s ease,background .12s ease}.assistant-template-chip:hover{border-color:var(--frame-border-strong);background:var(--frame-dropdown-hover-bg)}.assistant-panel__composer textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;resize:vertical;background:#ffffff;color:var(--frame-text);border:1px solid color-mix(in srgb,var(--frame-border) 82%,transparent);border-radius:var(--frame-radius-panel);padding:12px;font-family:inherit;font-size:13px;min-height:76px;pointer-events:auto;caret-color:var(--frame-active-text)}.assistant-panel__composer textarea::placeholder{color:var(--frame-text-muted);opacity:1}.assistant-panel__composer textarea:focus{outline:2px solid var(--frame-focus-ring);outline-offset:0}.assistant-panel__composer>button[type=submit]{align-self:flex-end;border:1px solid var(--frame-secondary-action-border);border-radius:var(--frame-radius-control);padding:9px 14px;background:var(--frame-secondary-action-bg);color:#ffffff;font-size:13px;font-weight:700;font-family:Inter,system-ui,sans-serif;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.assistant-panel__composer>button[type=submit]:hover:not(:disabled){background:var(--frame-secondary-action-hover);border-color:var(--frame-secondary-action-hover)}.assistant-panel__tip{color:var(--frame-text-muted);font-size:11px;line-height:1.3}.assistant-panel__composer>button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.assistant-panel__actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px;border-top:1px solid color-mix(in srgb,var(--frame-divider) 80%,transparent);color:var(--frame-text-muted);font-size:12px;background:var(--frame-surface)}.assistant-panel__actions button{border:1px solid var(--frame-secondary-action-border);border-radius:var(--frame-radius-control);padding:9px 14px;background:var(--frame-secondary-action-bg);color:#ffffff;font-weight:700;font-size:13px;font-family:Inter,system-ui,sans-serif;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.assistant-panel__actions button:hover:not(:disabled){background:var(--frame-secondary-action-hover);border-color:var(--frame-secondary-action-hover)}.assistant-panel__actions button:disabled{opacity:.5;cursor:not-allowed}.presentation-mode .tl-handle,.presentation-mode .tl-handles,.presentation-mode .tl-overlay,.presentation-mode .tl-selection-bg,.presentation-mode .tl-selection-fg,.presentation-mode .tl-shape,.presentation-mode .tl-shape *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.presentation-mode .tl-handle,.presentation-mode .tl-handles,.presentation-mode .tl-selection-bg,.presentation-mode .tl-selection-fg{display:none!important;opacity:0!important}.presentation-mode .tl-shape[data-shape-type=link_text],.presentation-mode .tl-shape[data-shape-type=link_text] *,.presentation-mode .tl-shape[data-shape-type=link_text] div{pointer-events:all!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}.tl-shape.tl-shape--hovered,.tl-shape.tl-shape--hovered .tl-shape__background,.tl-shape:hover,.tl-shape:hover .tl-shape__background{stroke:none!important;stroke-width:0!important;border:none!important;outline:none!important}.tl-hover-indicator,.tl-shape-indicator,.tl-shape-indicator--hovered{display:none!important;opacity:0!important}.tl-shape.tl-shape--hovered svg,.tl-shape:hover svg{stroke:none!important;stroke-width:0!important}.tl-handle__create{opacity:0!important}.tl-handle__bg:active,.tl-handle__bg:hover{fill:transparent!important}.library-topbar{position:fixed;top:12px;right:12px;left:auto;display:flex;align-items:center;gap:12px;background:transparent;border:none;border-radius:0;padding:0;z-index:10000;pointer-events:all}.editor--framed .library-topbar{right:12px;z-index:10000040}.left-rail,.tldraw-menu-panel--detached{top:12px}.library-topbar .search-input-wrapper{max-width:720px}.auth-profile{position:relative;display:inline-flex;align-items:center}.auth-profile__trigger{all:unset;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:40px;height:40px;border-radius:var(--frame-radius-control);border:1px solid transparent;background:var(--frame-surface-raised);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(15,23,42,.05);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,color .12s ease,box-shadow .12s ease}.auth-profile__trigger:hover{background:var(--frame-surface-raised-hover);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 8px 20px rgba(15,23,42,.08)}.auth-profile__menu{position:absolute;top:calc(100% + var(--frame-dropdown-offset));left:0;right:auto;min-width:140px;padding:var(--frame-dropdown-content-padding);border-radius:var(--frame-dropdown-radius);border:1px solid transparent;background:var(--frame-surface);box-shadow:var(--frame-shadow-soft);z-index:var(--frame-dropdown-z);font-family:Inter,system-ui,sans-serif;font-size:12px}.auth-profile__menu-item{all:unset;box-sizing:border-box;width:100%;height:var(--frame-dropdown-item-height);padding:0 10px;border-radius:8px;color:var(--frame-text);font-size:12px;font-weight:600;display:inline-flex;align-items:center;cursor:pointer;transition:background .12s ease,color .12s ease}.auth-profile__menu-item:hover{background:var(--frame-dropdown-hover-bg)}.auth-profile__menu-item:focus-visible{outline:2px solid var(--frame-focus-ring);outline-offset:1px}.left-rail{position:fixed;top:12px;left:340px;display:flex;flex-direction:column;gap:8px;align-items:stretch;max-height:calc(100vh - 24px);z-index:10000;pointer-events:all;align-items:flex-start}.editor--framed .left-rail{left:244px;max-height:calc(100vh - 24px)}.left-rail.is-collapsed{width:160px}.left-rail.is-expanded{width:380px}.left-rail.is-closed{width:160px}.library-topbar.presentation-topbar{left:auto;justify-content:flex-end}.library-topbar .search-input-wrapper{border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(15,23,42,.05);background:var(--frame-surface-raised);height:40px;border-radius:var(--frame-radius-panel)}.library-topbar .search-input-wrapper input{height:100%}.search-input-dropdown{padding:var(--frame-dropdown-content-padding);border:1px solid transparent;border-radius:var(--frame-dropdown-radius);background:var(--frame-surface);box-shadow:var(--frame-shadow-soft);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--frame-border) 64%,transparent) transparent}.search-input-dropdown__item{min-height:var(--frame-dropdown-item-height);border-radius:8px;transition:background .12s ease,color .12s ease}.search-input-dropdown__item+.search-input-dropdown__item{margin-top:2px}.search-input-dropdown.is-pointer-active .search-input-dropdown__item:hover,.search-input-dropdown__item.is-selected{background:var(--frame-dropdown-hover-bg)}.search-input-dropdown__shape{color:var(--frame-text);font-weight:600}.search-input-dropdown__category{color:var(--frame-text-muted)}.library-panel{position:relative;width:100%;display:flex;flex-direction:column;gap:8px;padding:6px 10px;border-radius:var(--frame-radius-panel);background:var(--frame-surface);border:1px solid transparent;box-shadow:var(--frame-shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;z-index:10000;pointer-events:all;animation:none;flex:1 1;min-height:0}.editor--framed .auth-profile__trigger,.editor--framed .library-panel,.editor--framed .library-present,.editor--framed .library-topbar .search-input-wrapper,.editor--framed .tldraw-menu-panel{border-radius:var(--frame-radius-control);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.editor--framed .tldraw-menu-panel{background:transparent;border:none;padding:0;overflow:visible}.editor--framed .tldraw-menu-panel__row{gap:10px}.editor--framed .tldraw-menu-panel--detached{width:auto}.editor--framed .tldraw-menu-panel__row>:last-child{flex:0 0 auto;width:170px}.editor--framed .tldraw-menu-panel .tlui-button,.editor--framed .tldraw-menu-panel .tlui-page-menu__trigger{height:40px!important;border:1px solid transparent;background:var(--frame-surface-raised);border-radius:var(--frame-radius-control);color:var(--frame-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(15,23,42,.05);font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.editor--framed .tldraw-menu-panel .tlui-button:hover,.editor--framed .tldraw-menu-panel .tlui-page-menu__trigger:hover{background:var(--frame-surface-raised-hover);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 8px 20px rgba(15,23,42,.08)}.editor--framed .tldraw-menu-panel .tlui-button:after,.editor--framed .tldraw-menu-panel .tlui-page-menu__trigger:after,.editor--framed .tlui-menu .tlui-button:after,.editor--framed .tlui-page-menu .tlui-button:after,.editor--framed .tlui-page-menu__wrapper .tlui-button:after{background:transparent!important;opacity:0!important}.editor--framed .tldraw-menu-panel .tlui-button__label,.editor--framed .tldraw-menu-panel .tlui-page-menu__header__title,.editor--framed .tldraw-menu-panel .tlui-page-menu__name{color:var(--frame-text);font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.editor--framed .tldraw-menu-panel .tlui-button__icon{color:var(--frame-icon)}.editor--framed .tldraw-menu-panel .tlui-page-menu__trigger{width:170px!important}.editor--framed .tldraw-menu-panel .tlui-page-menu__name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor--framed .tlui-page-menu__list .tlui-page-menu__name{max-width:none;overflow:visible;text-overflow:clip}.editor--framed .tlui-page-menu__list{min-width:0!important}.editor--framed .library-panel{background:transparent;border:none;padding:0;box-shadow:none;overflow:visible}.editor--framed .library-panel.is-expanded{background:var(--frame-surface);border:1px solid transparent;padding:10px;border-radius:var(--frame-radius-panel);box-shadow:var(--frame-shadow-soft)}.editor--framed .library-panel.is-collapsed .library-toggle{height:40px;border:1px solid transparent;background:var(--frame-surface-raised);color:var(--frame-text);border-radius:var(--frame-radius-control);padding:0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(15,23,42,.05)}.editor--framed .library-panel.is-collapsed .library-toggle:hover{background:var(--frame-surface-raised-hover);box-shadow:inset 0 1px 0 rgba(255,255,255,.84),0 8px 20px rgba(15,23,42,.08)}.editor--framed .library-panel.is-expanded .library-toggle{height:40px;border:1px solid transparent;background:transparent;color:var(--frame-text);border-radius:var(--frame-radius-control);padding:0 12px}.editor--framed .library-panel.is-expanded .library-toggle:hover{border-color:transparent;background:color-mix(in srgb,var(--frame-surface-muted) 72%,var(--frame-surface-hover) 28%)}.editor--framed .library-toggle__chevron{color:#2563eb!important}.editor--framed .library-topbar .search-input-wrapper{background:var(--frame-surface-raised);border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 4px 14px rgba(15,23,42,.05)}.editor--framed .library-topbar .search-input-wrapper:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent),0 1px 0 rgba(255,255,255,.84) inset,0 8px 20px rgba(15,23,42,.08)}.editor--framed .library-topbar .search-input-wrapper input{color:var(--frame-text)}.editor--framed .library-topbar .search-input-wrapper input::placeholder{color:var(--frame-text-muted)}.editor--framed .auth-profile__trigger{border:1px solid transparent;background:var(--frame-surface-raised)}.editor--framed .auth-profile__trigger:hover{background:var(--frame-surface-raised-hover)}.editor--framed .library-present{border:1px solid var(--frame-primary-border)}.editor--framed .auth-profile{z-index:10000031}.library-panel.is-collapsed{padding-right:8px}.library-header,.library-title,.library-title__dot{display:none}.library-present{all:unset;appearance:none;-webkit-appearance:none;box-sizing:border-box;border:1px solid var(--frame-primary-border);background-color:var(--frame-primary-bg)!important;background:var(--frame-primary-bg)!important;color:#fff!important;border-radius:var(--frame-radius-control);font-weight:700;font-size:13px;font-family:Inter,system-ui,sans-serif;line-height:1;padding:9px 14px;cursor:pointer;box-shadow:none;transition:background .12s ease,border-color .12s ease,opacity .12s ease;display:inline-flex;align-items:center;gap:6px;min-width:132px;justify-content:center;height:40px}.library-present:hover{transform:none;background:var(--frame-primary-bg-hover)!important;border-color:var(--frame-primary-bg-hover)}.library-present.is-exit,.library-present.is-present{background:var(--color-primary);color:#fff}.library-hint,.library-search,.library-segment,.library-segment.is-active,.library-segmented{display:none}.library-body{display:flex;flex-direction:column;gap:8px;flex:1 1;min-height:0}.library-header-row{display:flex;align-items:center}.library-columns{display:flex;gap:12px;flex:1 1;min-height:0}.library-sidebar{display:flex;flex-direction:column;gap:10px;width:160px;flex-shrink:0}.library-toggle{border:1px solid transparent;background:transparent;color:var(--frame-text-muted);border-radius:var(--frame-radius-control);display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,border .14s ease,color .14s ease;white-space:nowrap}.library-toggle span{flex:1 1;text-align:left}.library-toggle__chevron{flex:0 0 auto;display:inline-flex}.library-toggle:hover{background:color-mix(in srgb,var(--frame-surface-muted) 72%,var(--frame-surface-hover) 28%)}.library-divider{height:1px;width:100%;background:var(--frame-divider);opacity:1;margin:2px 0 6px;display:block}.library-categories{display:flex;flex-direction:column;gap:8px;width:100%;flex-shrink:0}.library-divider--full{margin:2px 0 8px}.library-category{border:1px solid transparent;background:transparent;color:var(--frame-text-muted);border-radius:var(--frame-radius-control);display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background .14s ease,border .14s ease,color .14s ease}.library-category:hover{background:var(--frame-dropdown-hover-bg)}.library-category.is-active{background:var(--frame-active-bg-soft);border:1px solid var(--frame-active-border);color:var(--frame-text);box-shadow:none}.library-content{display:flex;flex-direction:column;gap:8px;flex:1 1;min-width:0;min-height:0}.library-panel.is-collapsed .library-content{display:none}.tldraw-menu-panel{width:100%;background:var(--frame-surface);border:1px solid transparent;border-radius:var(--frame-radius-panel);padding:6px;box-shadow:var(--frame-shadow-soft);overflow:hidden}.tldraw-menu-panel--detached{position:fixed;top:12px;left:12px;width:320px;z-index:10000}.tldraw-menu-panel__row{display:flex;align-items:center;gap:8px;height:40px}.tldraw-menu-panel__danger-button{border:none;background:transparent;color:#8f4545;border-radius:8px;height:34px;padding:0 8px;font-size:12px;font-weight:500;text-align:left;display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer;white-space:nowrap}.tldraw-menu-panel__danger-button:hover{background:var(--frame-danger-hover-bg)}.tldraw-page-menu__danger-row{padding:8px 4px 6px;margin-top:0;border-top:1px solid var(--frame-divider);width:100%;box-sizing:border-box}.tldraw-page-menu__danger-button{width:100%;height:34px;border-radius:8px;border:none;background:transparent;color:#8f4545;font-size:12px;font-weight:600;text-align:left;padding:0 8px;display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer;font-family:Inter,system-ui,sans-serif}.tldraw-page-menu__danger-button:hover{background:var(--frame-danger-hover-bg)}.tldraw-page-menu__danger-button:focus-visible{outline:2px solid var(--frame-focus-ring);outline-offset:1px}.tldraw-confirm-modal{position:fixed;inset:0;z-index:10000110}.tldraw-confirm-modal__backdrop{position:absolute;inset:0;background:rgba(8,12,24,.5)}.tldraw-confirm-modal__panel{position:absolute;top:84px;left:12px;width:min(360px,calc(100vw - 24px));padding:16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:var(--color-panel);box-shadow:0 14px 36px rgba(0,0,0,.22)}.tldraw-confirm-modal__panel h3{margin:0 0 8px;font-size:16px;font-weight:700;color:var(--color-text-0)}.tldraw-confirm-modal__panel p{margin:0 0 14px;font-size:13px;line-height:1.4;color:var(--color-text-1)}.tldraw-confirm-modal__actions{display:flex;justify-content:flex-end;gap:8px}.tldraw-confirm-modal__cancel,.tldraw-confirm-modal__delete{height:34px;padding:0 12px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer}.tldraw-confirm-modal__cancel{border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:var(--color-low);color:var(--color-text-0)}.tldraw-confirm-modal__delete{border:1px solid #b21f1f;background:#cb2e2e;color:#fff}.library-header-row{height:40px}.tldraw-menu-panel__row>:first-child{flex:0 0 auto}.tldraw-menu-panel__row>:last-child{flex:1 1 auto;min-width:0}.tldraw-menu-panel .tlui-button{padding:0 8px;justify-content:flex-start;gap:6px;color:var(--frame-text);height:40px}.tldraw-menu-panel .tlui-button__label{color:var(--frame-text);font-weight:600}.tldraw-menu-panel .tlui-button__icon{color:var(--frame-icon)}.tldraw-menu-panel .tlui-page-menu__header__title,.tldraw-menu-panel .tlui-page-menu__name{color:var(--frame-text);font-weight:600}.tldraw-menu-panel .tlui-page-menu__wrapper{width:260px;max-width:min(360px,calc(100vw - 24px))}.tldraw-menu-panel .tlui-page-menu__trigger{width:100%;min-width:0}.tlui-page-menu__wrapper{border:1px solid transparent!important;border-radius:var(--frame-dropdown-radius)!important;background:var(--frame-surface)!important;box-shadow:var(--frame-shadow-soft)!important;display:block!important;height:auto!important}.tlui-page-menu__list,.tlui-page-menu__wrapper{max-height:none!important;overflow:visible!important}.tlui-page-menu__list{background:transparent!important;border:none;border-bottom:none!important;border-radius:0;box-shadow:none;padding:4px!important}.tldraw-page-menu__danger-spacer{height:20px;flex:0 0 auto}.tlui-page-menu__header{border:none;border-bottom:1px solid var(--frame-divider);border-radius:0;background:transparent!important}.left-rail.is-collapsed .tldraw-menu-panel{padding:6px}.left-rail.is-collapsed .tldraw-menu-panel__row{gap:6px}.left-rail.is-collapsed .tldraw-menu-panel .tlui-button{padding:0 6px;min-width:32px}.left-rail.is-collapsed .tldraw-menu-panel .tlui-page-menu__trigger{width:100%}.left-rail.is-collapsed .tlui-page-menu__name{max-width:100%}.tlui-menu{z-index:var(--frame-dropdown-z)!important;border:1px solid transparent;border-radius:var(--frame-dropdown-radius);background:var(--frame-surface);box-shadow:var(--frame-shadow-soft);filter:none;outline:none}.tlui-menu .tlui-button__icon{color:var(--frame-icon)}.tlui-menu .tlui-button__label{color:var(--frame-text)}.tlui-menu__arrow{display:none}.tlui-popover__content{border:none;border-radius:var(--frame-dropdown-radius);background:transparent;box-shadow:none;filter:none;outline:none;max-height:none!important;overflow:visible!important}.tlui-menu__group{border-bottom:1px solid color-mix(in srgb,var(--frame-border) 32%,transparent)}.tlui-menu[data-side=bottom]{margin-top:var(--frame-dropdown-offset-main)}.tlui-popover__content[data-side=bottom]{margin-top:var(--frame-dropdown-offset)}.editor--framed .tlui-popover__content{z-index:var(--frame-dropdown-z)!important;max-height:none!important;overflow:visible!important}.editor--framed .auth-profile__menu,.editor--framed .tlui-menu{background:var(--frame-surface)!important;border:1px solid transparent!important;border-radius:var(--frame-dropdown-radius)!important;box-shadow:var(--frame-shadow-soft)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;overflow:hidden;padding:var(--frame-dropdown-content-padding)!important;font-family:Inter,system-ui,sans-serif;font-size:12px;max-height:none!important;overflow:visible!important}.editor--framed .tlui-menu[data-side=bottom]{margin-top:var(--frame-dropdown-offset-main)!important}.editor--framed .tlui-popover__content[data-side=bottom]{margin-top:var(--frame-dropdown-offset)!important}.editor--framed .tldraw-menu-panel .tlui-page-menu__wrapper{margin-top:var(--frame-dropdown-offset-page)!important}.editor--framed .tlui-page-menu__header,.editor--framed .tlui-page-menu__list{background:transparent!important}.editor--framed .tlui-page-menu__header{border-bottom:1px solid var(--frame-divider)!important;padding-left:10px;padding-right:10px}.editor--framed .tlui-page-menu__list{padding:4px!important;display:flex;flex-direction:column;gap:2px;max-height:none!important;overflow:visible!important;border-bottom:none!important}.editor--framed .tlui-page-menu__wrapper .tlui-menu__group{border-bottom:none!important}.editor--framed .tlui-page-menu__item,.editor--framed .tlui-page-menu__item:nth-of-type(n+2){margin-top:0!important;border-radius:var(--frame-radius-control);overflow:hidden}.editor--framed .tlui-menu .tlui-button,.editor--framed .tlui-page-menu .tlui-button{height:var(--frame-dropdown-item-height);border-radius:var(--frame-radius-control);color:var(--frame-text);font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.editor--framed .tlui-page-menu__wrapper .tlui-button,.editor--framed .tlui-page-menu__wrapper .tlui-page-menu__header__title,.editor--framed .tlui-page-menu__wrapper .tlui-page-menu__name{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600}.editor--framed .tlui-page-menu__wrapper .tlui-page-menu__item__button{box-sizing:border-box;align-items:flex-start;padding-top:8px;padding-bottom:0}.editor--framed .tlui-page-menu__wrapper .tlui-page_menu__item__submenu>.tlui-button{box-sizing:border-box;align-items:flex-start;padding-top:8px;padding-bottom:0;background:transparent!important}.editor--framed .tldraw-page-menu__danger-row{border-top:1px solid var(--frame-divider)!important;padding:8px 4px 6px;margin-top:0}.editor--framed .tldraw-page-menu__danger-button{border:none;background:transparent;color:#8f4545}.editor--framed .tldraw-page-menu__danger-button:hover{background:var(--frame-danger-hover-bg);color:#7f3737}.editor--framed .tlui-menu .tlui-button:hover,.editor--framed .tlui-menu .tlui-button[aria-expanded=true],.editor--framed .tlui-menu .tlui-button[data-highlighted],.editor--framed .tlui-page-menu .tlui-button:hover,.editor--framed .tlui-page-menu__wrapper .tlui-button:hover,.editor--framed .tlui-page-menu__wrapper .tlui-button[aria-expanded=true],.editor--framed .tlui-page-menu__wrapper .tlui-button[data-highlighted]{background:var(--frame-dropdown-hover-bg)!important;box-shadow:none!important}.editor--framed .tlui-page-menu__item:focus-within .tlui-page-menu__item__button,.editor--framed .tlui-page-menu__item:hover .tlui-page-menu__item__button,.editor--framed .tlui-page_menu__item__sortable:hover .tlui-page-menu__item__button{background:var(--frame-dropdown-hover-bg)!important;box-shadow:none!important}.editor--framed .tlui-page-menu__item:has(.tlui-page_menu__item__submenu>.tlui-button[data-state=open])
	.tlui-page-menu__item__button{background:var(--frame-dropdown-hover-bg)!important;box-shadow:none!important}.editor--framed .tlui-page-menu__item:has(.tlui-page_menu__item__submenu>.tlui-button[data-state=open])
	.tlui-page_menu__item__submenu>.tlui-button{background:transparent!important;box-shadow:none!important}.editor--framed .tlui-page_menu__item__submenu>.tlui-button[data-state=open]:after{background:transparent!important;opacity:0!important}.editor--framed .tlui-menu .tlui-button__label,.editor--framed .tlui-page-menu .tlui-button__label,.editor--framed .tlui-page-menu__header__title,.editor--framed .tlui-page-menu__name{color:var(--frame-text)!important}.editor--framed .tlui-menu .tlui-button__icon,.editor--framed .tlui-page-menu .tlui-button__icon{color:var(--frame-icon)!important}.editor--framed .auth-profile__menu{top:calc(100% + var(--frame-dropdown-offset-avatar));padding:var(--frame-dropdown-content-padding)!important}.editor--framed .tlui-menu__group{border-bottom:none!important}.editor--framed .tlui-menu__group+.tlui-menu__group{margin-top:2px;padding-top:2px}.item-properties-panel,.item-properties-panel__body{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-primary) 36%,transparent) transparent}.item-properties-panel__body::-webkit-scrollbar{width:8px}.item-properties-panel__body::-webkit-scrollbar-track{background:transparent}.item-properties-panel__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-primary) 32%,transparent);border-radius:999px}.item-properties-panel__body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-primary) 48%,transparent)}.item-properties-inline-link{border:none;background:transparent;padding:0;color:var(--color-primary);font-size:12px;font-weight:600;font-family:Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;line-height:1.3;transition:color .12s ease,opacity .12s ease}.tl-html-container,.tl-shapes{font-family:var(--font-wireframe-sans),system-ui,sans-serif}.item-properties-inline-link:hover{color:var(--color-text-0);opacity:1}.item-properties-choice-button,.item-properties-color-trigger,.item-properties-color-trigger__label,.item-properties-color-trigger__swatch,.item-properties-disclosure-button,.item-properties-icon-button{transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease,outline-color .12s ease}.item-properties-choice-button:hover,.item-properties-icon-button:hover{background:color-mix(in srgb,#ffffff 88%,var(--frame-dropdown-hover-bg) 12%)!important;border-color:color-mix(in srgb,var(--color-primary) 88%,var(--color-border) 12%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 54%,transparent);color:color-mix(in srgb,var(--color-text-0) 76%,var(--color-primary) 24%)!important}.item-properties-disclosure-button:hover{background:color-mix(in srgb,#f4f7fb 86%,var(--frame-dropdown-hover-bg) 14%)!important;border-color:color-mix(in srgb,var(--color-border) 76%,transparent)!important}.item-properties-disclosure-button[aria-expanded=true]{background:color-mix(in srgb,#f4f7fb 88%,var(--frame-dropdown-hover-bg) 12%)!important;border-color:color-mix(in srgb,var(--color-border) 72%,transparent)!important}.item-properties-swatch-button{transition:border-color .11s ease,box-shadow .11s ease}.item-properties-swatch-button:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 90%,transparent)}.item-properties-color-trigger:hover{background:color-mix(in srgb,#ffffff 90%,var(--frame-dropdown-hover-bg) 10%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 72%,transparent)!important}.item-properties-color-trigger:hover .item-properties-color-trigger__swatch{border-color:color-mix(in srgb,var(--color-primary) 78%,var(--color-text-0) 22%)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 28%,transparent)}.item-properties-color-trigger:hover .item-properties-color-trigger__label{color:color-mix(in srgb,var(--color-text-0) 84%,var(--color-primary) 16%)!important}.item-properties-color-trigger[aria-expanded=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 74%,transparent)!important}.item-properties-color-grid>.item-properties-color-control{position:relative}.item-properties-color-grid>.item-properties-color-control .item-properties-color-popover{position:absolute!important;top:calc(100% + 8px);width:calc(200% + 12px);margin-top:0!important;z-index:8}.item-properties-color-grid>.item-properties-color-control:nth-child(odd) .item-properties-color-popover{left:0}.item-properties-color-grid>.item-properties-color-control:nth-child(2n) .item-properties-color-popover{right:0}.item-properties-apply-button{transition:background-color .11s ease,border-color .11s ease,color .11s ease}.item-properties-apply-button:hover{background:color-mix(in srgb,var(--color-primary) 88%,#ffffff 12%)!important;box-shadow:none;transform:none}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(86px,auto);align-content:start;gap:10px;overflow-y:auto;padding-right:4px;min-height:0;flex:1 1}.library-card{border:1px solid var(--color-border);background:var(--color-panel);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border .14s ease,background .14s ease;animation:libraryCardIn .22s ease-out both}.library-card:hover{transform:translateY(-2px);border-color:rgba(25,118,210,.6);box-shadow:0 10px 18px rgba(0,0,0,.16)}.library-card.is-active{border-color:rgba(25,118,210,.8);box-shadow:0 0 0 2px rgba(25,118,210,.2)}.library-card.is-active .library-card__preview{color:#1e6ddc;border-color:rgba(25,118,210,.4)}.library-card__preview{border-radius:10px;border:1px solid var(--color-muted-1);background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0));padding:6px;display:flex;align-items:center;justify-content:center;color:var(--color-text-1)}.library-card__label{font-size:12px;font-weight:600;color:var(--color-text-0)}.library-templates,.library-templates__card,.library-templates__copy,.library-templates__icon,.library-templates__title{display:none}@keyframes libraryFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes libraryCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.editor--framed{padding-top:0;padding-right:0}.app-frame-shell__right,.app-frame-shell__top{display:none}.library-topbar{left:12px;right:12px;flex-direction:column;align-items:stretch}.left-rail{top:12px;left:12px;right:12px;width:auto}.right-docked-rail{width:min(320px,calc(100vw - 24px))}.right-docked-rail,.right-mini-rail{top:auto;bottom:12px;right:12px;flex-direction:row;padding:6px}.right-mini-rail{width:auto;border-radius:10px;border:1px solid var(--frame-border);background:var(--frame-surface);box-shadow:0 6px 18px rgba(15,23,42,.08)}.assistant-panel--docked{top:auto!important;right:12px!important;bottom:72px!important;width:calc(100vw - 24px)!important;max-height:min(560px,calc(100vh - 160px))!important}.library-body{flex-direction:column}.library-categories{width:100%;flex-direction:row;overflow-x:auto;padding-bottom:4px}.library-category{flex:0 0 auto}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tlui-helper-buttons{display:none}