:root{--bg-primary: #f5f5f5;--bg-card: #fff;--bg-card-alt: #f8f9fa;--text-primary: #333;--text-secondary: #666;--text-muted: #888;--border-color: #ddd;--border-color-light: #eee;--input-bg: #fff;--input-border: #ddd;--error-bg: #fee;--error-text: #c00;--info-bg: #e7f3ff;--info-text: #0066cc;--btn-primary-bg: #007bff;--btn-primary-hover: #0056b3;--btn-secondary-bg: #6c757d;--btn-secondary-hover: #545b62;--link-color: #4263eb;--shadow-color: rgba(0, 0, 0, .1);--summary-border: #e0e0e0;--summary-value-color: #333;--divider-color: #ddd;--modal-bg: #fff;--modal-text: #333;--select-bg: #fff}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-card: #16213e;--bg-card-alt: #1a2744;--text-primary: #e0e0e0;--text-secondary: #aaa;--text-muted: #888;--border-color: #2a3a5c;--border-color-light: #253050;--input-bg: #111827;--input-border: #2a3a5c;--error-bg: #3b1818;--error-text: #f88;--info-bg: #162744;--info-text: #5dade2;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-secondary-bg: #4b5563;--btn-secondary-hover: #374151;--link-color: #60a5fa;--shadow-color: rgba(0, 0, 0, .3);--summary-border: #2a3a5c;--summary-value-color: #e0e0e0;--divider-color: #2a3a5c;--modal-bg: #16213e;--modal-text: #e0e0e0;--select-bg: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}#root{width:100%;height:100dvh;overflow:hidden}button{cursor:pointer;font-family:inherit;border:none;outline:none;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:inherit;outline:none}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.card{background:var(--bg-card);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);padding:32px;max-width:400px;width:100%}.btn-primary{background:var(--btn-primary-bg);color:#fff;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:#fff;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover)}.input{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:6px;font-size:16px;background:var(--input-bg);color:var(--text-primary)}.input:focus{border-color:var(--link-color)}.sidebar-drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:500}.sidebar-drawer{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:#f8f9fa;z-index:501;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;box-shadow:-2px 0 8px #0003}.sidebar-drawer.open{transform:translate(0)}.base-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 10px;border-radius:20px;border:1px solid var(--border-color-light);background:var(--bg-card-alt);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;transition:border-color .15s,background .15s}.base-dropdown-trigger:hover{border-color:var(--link-color);background:var(--bg-card)}.base-dropdown-avatar{width:26px;height:26px;border-radius:50%;background:var(--link-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.base-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:280px;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:10px;box-shadow:0 8px 32px var(--shadow-color);z-index:100;overflow:hidden;animation:base-dd-in .12s ease-out}@keyframes base-dd-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.base-dd-user{padding:16px;border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;gap:12px}.base-dd-avatar-lg{width:40px;height:40px;border-radius:50%;background:var(--link-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.base-dd-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-dd-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-dd-room{padding:12px 16px;border-bottom:1px solid var(--border-color-light)}.base-dd-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.base-dd-section{padding:6px 0;border-bottom:1px solid var(--border-color-light)}.base-dd-section:last-child{border-bottom:none}.base-dd-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;border:none;background:none;width:100%;text-align:left}.base-dd-item:hover{background:var(--bg-card-alt);color:var(--text-primary)}.base-dd-item svg{opacity:.6;flex-shrink:0}.base-dd-item:hover svg{opacity:1}.base-dd-disabled{opacity:.4;cursor:default;pointer-events:none}.base-dd-danger{color:var(--error-text)}.base-dd-danger:hover{background:var(--error-bg)}.screen-switcher{display:flex;gap:0;background:var(--bg-card);border-bottom:1px solid var(--summary-border);padding:0 24px;flex-shrink:0}.screen-switcher-tab{padding:12px 20px;font-size:14px;font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.screen-switcher-tab:hover{color:var(--text-secondary)}.screen-switcher-tab.active{color:var(--text-primary);border-bottom-color:var(--link-color)}@media (max-width: 480px){.screen-switcher{padding:0 8px;overflow-x:auto}.screen-switcher-tab{padding:10px 14px;font-size:13px}}.master-dock .dv-dockview{background:transparent!important;pointer-events:none;z-index:1;height:100%;width:100%;overflow:hidden}.dockview-theme-abyss.master-dock{--dv-color-abyss-dark: transparent;--dv-color-abyss: transparent;--dv-color-abyss-light: transparent;--dv-color-abyss-lighter: var(--border-color-light);--dv-color-abyss-primary-text: var(--text-primary);--dv-color-abyss-secondary-text: var(--text-muted);--dv-tabs-and-actions-container-background-color: #ffffff;--dv-tabs-and-actions-container-font-size: 12px;--dv-tabs-and-actions-container-height: 28px;--dv-activegroup-visiblepanel-tab-background-color: transparent;--dv-activegroup-visiblepanel-tab-color: #1e293b;--dv-activegroup-hiddenpanel-tab-background-color: transparent;--dv-activegroup-hiddenpanel-tab-color: #64748b;--dv-inactivegroup-visiblepanel-tab-background-color: transparent;--dv-inactivegroup-visiblepanel-tab-color: #1e293b;--dv-inactivegroup-hiddenpanel-tab-background-color: transparent;--dv-inactivegroup-hiddenpanel-tab-color: #64748b;--dv-tab-divider-color: transparent;--dv-separator-border: transparent;--dv-paneview-header-border-color: transparent;--dv-paneview-active-outline-color: var(--link-color);--dv-sash-color: transparent;--dv-active-sash-color: transparent;--dv-background-color: transparent;--dv-group-view-background-color: transparent;--dv-drag-over-background-color: rgba(66, 99, 235, .12);--dv-drag-over-border-color: var(--link-color);--dv-border-radius: 8px;--dv-tab-margin: 0;--dv-icon-hover-background-color: rgba(15, 23, 42, .06);--dv-tabs-container-scrollbar-color: var(--text-muted)}.master-dock .tabs-and-actions-container,.master-dock .dv-tabs-and-actions-container,.master-dock .tabs-container{min-height:25px;height:25px;background:transparent!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:2px 4px}.master-dock .tab,.master-dock .dv-tab{padding:2px 8px;font-size:12px;line-height:18px;border-radius:4px;border:none!important;box-shadow:none!important;background:transparent!important;transition:background-color .12s ease,color .12s ease;flex-shrink:1;min-width:0;overflow:hidden}.master-dock .dv-tabs-container{overflow:hidden!important}.master-dock .dv-tabs-container .dv-tab:before{display:none!important}.master-dock .dv-tab:after{display:none!important}.master-dock .dv-default-tab-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;font-weight:400}.master-dock .dv-tab:not(.dv-active-tab):hover{background:#0f172a0a!important}.master-dock .dv-tab.dv-active-tab{background:#fff!important}.master-dock .dv-tab.dv-active-tab .dv-default-tab-content{font-weight:600!important;color:#1e293b!important}.master-dock .dv-tab:not(.dv-active-tab) .dv-default-tab-content{font-weight:400!important;color:#64748b!important}[data-theme=dark] .master-dock .tabs-and-actions-container,[data-theme=dark] .master-dock .dv-tabs-and-actions-container,[data-theme=dark] .master-dock .tabs-container{border-bottom-color:#ffffff1a!important}[data-theme=dark] .master-dock .dv-tab.dv-active-tab{background:#ffffff1f!important}[data-theme=dark] .master-dock .dv-tab:not(.dv-active-tab):hover{background:#ffffff0d!important}[data-theme=dark] .master-dock .dv-tab.dv-active-tab .dv-default-tab-content{color:#f1f5f9!important}[data-theme=dark] .master-dock .dv-tab:not(.dv-active-tab) .dv-default-tab-content{color:#94a3b8!important}[data-theme=dark] .master-dock .dv-groupview:not(.canvas-group){background:#161826d1!important;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}[data-theme=dark] .master-dock .dv-groupview:not(.canvas-group){box-shadow:inset 0 0 0 1px #ffffff14,0 2px 8px #0003,0 8px 24px #00000026}[data-theme=dark] .col-toggle{background:#161826b3;border-color:#ffffff1a}[data-theme=dark] .dockview-theme-abyss.master-dock{--dv-tabs-and-actions-container-background-color: #1e1f2e;--dv-activegroup-visiblepanel-tab-color: #e2e8f0;--dv-activegroup-hiddenpanel-tab-color: #94a3b8;--dv-inactivegroup-visiblepanel-tab-color: #e2e8f0;--dv-inactivegroup-hiddenpanel-tab-color: #94a3b8;--dv-icon-hover-background-color: rgba(255, 255, 255, .08)}.master-dock .canvas-group{pointer-events:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.master-dock .dv-groupview:not(.canvas-group){pointer-events:auto;background:#f8f9fb9e!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}.master-dock .dv-groupview .dv-content-container,.master-dock .dv-groupview .dv-content,.master-dock .dv-groupview .dv-panel{background:transparent!important}.master-dock .dv-split-view-container.dv-horizontal>.dv-sash-container>.dv-sash{width:12px!important;margin-left:-4px}.master-dock .dv-split-view-container.dv-vertical>.dv-sash-container>.dv-sash{height:12px!important;margin-top:-4px}.master-dock .dv-sash{background:transparent!important;border:none!important;transition:background .2s ease!important}.master-dock .dv-sash:hover,.master-dock .dv-sash:active{background:radial-gradient(closest-side,rgba(66,99,235,.25),transparent)!important}.master-dock .dv-split-view-container .dv-view:before{display:none!important}.master-dock .dv-groupview:not(.canvas-group){border-radius:10px;overflow:hidden;border:none;box-shadow:inset 0 0 0 1px #ffffff73,0 2px 8px #0f172a0f,0 8px 24px #0f172a0a}.master-dock .dv-resize-container{border:none!important;pointer-events:auto}.master-dock .dv-resize-container .dv-resize-handle-top,.master-dock .dv-resize-container .dv-resize-handle-bottom,.master-dock .dv-resize-container .dv-resize-handle-left,.master-dock .dv-resize-container .dv-resize-handle-right,.master-dock .dv-resize-container .dv-resize-handle-topleft,.master-dock .dv-resize-container .dv-resize-handle-topright,.master-dock .dv-resize-container .dv-resize-handle-bottomleft,.master-dock .dv-resize-container .dv-resize-handle-bottomright{pointer-events:auto!important}.col-toggle{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:48px;background:#f8f9fb8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);color:var(--text-muted);cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:10;opacity:.7;transition:opacity .15s;padding:0}.col-toggle:hover{opacity:1}.col-toggle-left{left:0;border-radius:0 4px 4px 0;border-left:none}.col-toggle-right{right:0;border-radius:4px 0 0 4px;border-right:none}.master-dock .dv-sash{pointer-events:auto!important}.col-toggle{pointer-events:auto}.tools-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px var(--shadow-color);min-width:160px;z-index:100;overflow:hidden}.tools-dropdown button{display:block;width:100%;padding:8px 14px;background:none;color:var(--text-primary);border:none;text-align:left;font-size:13px;cursor:pointer}.tools-dropdown button:hover{background:var(--bg-card-alt)}[data-theme=dark] .tl-background{background-color:#141827!important}.tl-text-shape-label .tl-text-content{text-shadow:-1px -1px 0 rgba(255,255,255,.85),1px -1px 0 rgba(255,255,255,.85),-1px 1px 0 rgba(255,255,255,.85),1px 1px 0 rgba(255,255,255,.85)}.master-dock .dv-default-tab{display:flex!important;align-items:center;gap:0;width:100%}.tab-lock-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;overflow:visible;background:none;border:none;cursor:pointer;padding:0;margin-right:3px;flex-shrink:0;color:#5b7399;transition:opacity .12s,color .12s}.tab-lock-btn:hover{color:#3d5a80}.tab-lock-btn.locked{color:#4263eb}.tab-lock-btn.locked:hover{color:#3b5bdb}[data-theme=dark] .tab-lock-btn{color:#8da4c4}[data-theme=dark] .tab-lock-btn:hover{color:#b0c7e4}[data-theme=dark] .tab-lock-btn.locked{color:#60a5fa}[data-theme=dark] .tab-lock-btn.locked:hover{color:#93bbfd}.master-dock [data-icon-tabs] .dv-tabs-and-actions-container,.master-dock [data-icon-tabs] .tabs-and-actions-container{min-height:34px!important;height:34px!important}.master-dock [data-icon-tabs] .dv-tab{padding:3px 6px!important;justify-content:center}.master-dock [data-icon-tabs] .dv-tab.dv-active-tab{background:#fff!important}.master-dock [data-icon-tabs] .dv-tab.dv-active-tab .tab-lock-btn{color:#1e293b!important}.master-dock [data-icon-tabs] .dv-tab:not(.dv-active-tab) .tab-lock-btn{color:#64748b!important}.master-dock [data-icon-tabs] .dv-tab:not(.dv-active-tab):hover .tab-lock-btn{color:#475569!important}[data-theme=dark] .master-dock [data-icon-tabs] .dv-tab.dv-active-tab{background:#ffffff1f!important}[data-theme=dark] .master-dock [data-icon-tabs] .dv-tab.dv-active-tab .tab-lock-btn{color:#f1f5f9!important}[data-theme=dark] .master-dock [data-icon-tabs] .dv-tab:not(.dv-active-tab) .tab-lock-btn{color:#94a3b8!important}[data-theme=dark] .master-dock [data-icon-tabs] .dv-tab:not(.dv-active-tab):hover .tab-lock-btn{color:#b0c7e4!important}.tab-lock-btn.icon-mode{width:20px;height:20px;margin:0}@keyframes tab-land{0%{box-shadow:0 0 0 3px #4263eb8c}to{box-shadow:0 0 0 3px transparent}}.tab-land{animation:tab-land .6s ease-out}.modal-content{max-height:90vh;overflow-y:auto}@media (max-width: 640px){.screen{padding:12px}.card{max-width:100%;padding:20px}.btn-primary,.btn-secondary{padding:14px 20px}.input{padding:14px 12px;font-size:16px}.modal-content{min-width:unset!important;width:calc(100vw - 24px)!important;max-height:90vh;overflow-y:auto}.tlui-toolbar__tools__button{min-width:44px;min-height:44px}}.note-preview h1{font-size:1.3em;margin:.5em 0 .3em;font-weight:600}.note-preview h2{font-size:1.15em;margin:.4em 0 .3em;font-weight:600}.note-preview h3{font-size:1em;margin:.3em 0 .2em;font-weight:600}.note-preview h4,.note-preview h5,.note-preview h6{font-size:.95em;margin:.3em 0 .2em;font-weight:600}.note-preview p{margin:.3em 0}.note-preview a{color:#4263eb;text-decoration:underline}.note-preview code{background:#80808026;padding:1px 4px;border-radius:3px;font-size:.9em}.note-preview pre{background:#8080801a;padding:8px;border-radius:4px;overflow-x:auto;margin:.4em 0}.note-preview pre code{background:none;padding:0}.note-preview blockquote{border-left:3px solid rgba(128,128,128,.3);margin:.5em 0;padding-left:10px;color:inherit;opacity:.8}.note-preview table{border-collapse:collapse;width:100%;margin:.4em 0}.note-preview th,.note-preview td{border:1px solid rgba(128,128,128,.25);padding:4px 8px;font-size:12px;text-align:left}.note-preview th{font-weight:600}.note-preview img{max-width:100%;height:auto}.note-preview ul,.note-preview ol{padding-left:20px;margin:.3em 0}.note-preview li{margin:.15em 0}.note-preview hr{border:none;border-top:1px solid rgba(128,128,128,.25);margin:.6em 0}