:root{--workspace-panel-width:min(360px, 20vw);--workspace-panel-bg:#111519;--workspace-panel-raised:#ffffff0c;--workspace-panel-border:#e2e8f01b;--workspace-panel-border-strong:#e2e8f030;--workspace-panel-text:#f8fafcf0;--workspace-panel-muted:#e2e8f099;--workspace-panel-specular:#ffffff21;--workspace-panel-shadow:#00000085}.canvas-page-controls{justify-content:flex-end;gap:8px;padding:6px 12px;display:flex}.canvas-page-controls button{border:1px solid var(--workspace-panel-border);background:var(--workspace-panel-bg);color:var(--workspace-panel-text);cursor:pointer;font:inherit;border-radius:12px;padding:8px 12px;font-size:11px}.canvas-page-controls button:disabled{opacity:.4;cursor:default}.category-rail .canvas-page-controls{flex-direction:column;padding:4px 0}.canvas-data-status{z-index:110;background:var(--workspace-panel-bg);max-width:85vw;color:var(--workspace-panel-text);border:1px solid var(--workspace-panel-border);border-radius:16px;padding:12px 18px;font-size:12px;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.light-theme{--workspace-panel-bg:#f4f7f8;--workspace-panel-raised:#ffffff94;--workspace-panel-border:#3341551a;--workspace-panel-border-strong:#3341552e;--workspace-panel-text:#17202cf0;--workspace-panel-muted:#3341558f;--workspace-panel-specular:#ffffffeb;--workspace-panel-shadow:#0f172a2e}.sidebar-container,.sidebar-toggle-btn{--workspace-panel-bg:#000;--workspace-panel-text:#ededed;--workspace-panel-muted:#888;--workspace-panel-border:#202020;--workspace-panel-border-strong:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sidebar-container{width:var(--workspace-panel-width);z-index:11000;pointer-events:none;contain:layout style;transition:transform .28s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0;overflow:visible;transform:translate(calc(-100% - 32px))}.sidebar-container.open{pointer-events:auto;transform:translate(0,0)}.sidebar-toggle-btn{top:calc(12px + env(safe-area-inset-top));z-index:11001;width:44px;height:44px;color:var(--workspace-panel-text);cursor:pointer;background:#0a0a0a;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .12s linear;display:flex;position:absolute;left:12px;transform:translate(0,0);box-shadow:0 12px 30px #00000057,inset 0 1px #ffffff0e}body .canvas-app:not(.is-phone-viewport) button.sidebar-toggle-btn{box-shadow:none;background:0 0;border:0}.sidebar-toggle-btn.is-open{transform:translate3d(calc(var(--workspace-panel-width) - 68px), 0, 0);box-shadow:none;background:0 0}.sidebar-toggle-btn:hover{border-color:var(--workspace-panel-border-strong)}.sidebar-content-wrapper{border-right:1px solid var(--workspace-panel-border-strong);width:100%;height:100%;min-height:0;padding-left:env(safe-area-inset-left);background:#000;border-radius:0;flex-direction:column;display:flex;overflow:visible;box-shadow:12px 0 36px #00000024}.sidebar-header{z-index:3;overscroll-behavior:contain;touch-action:pan-y;padding:calc(12px + env(safe-area-inset-top)) 12px 12px;background:0 0;border-bottom:1px solid #e2e8f016;flex:none;position:relative;overflow:visible}.sidebar-title-row{align-items:center;gap:8px;min-height:44px;padding-right:40px;display:flex}.sidebar-title-row h2{color:var(--workspace-panel-text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;margin:0;font-size:12px;font-weight:600;overflow:hidden}.sidebar-title-row p{max-width:100%;color:var(--workspace-panel-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11px;overflow:hidden}.sidebar-count{border:1px solid var(--workspace-panel-border);min-width:26px;height:22px;color:var(--workspace-panel-text);font-variant-numeric:tabular-nums;background:linear-gradient(#ffffff12,#ffffff06);border-radius:10px;justify-content:center;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.sidebar-search{border:1px solid var(--workspace-panel-border);height:36px;color:var(--workspace-panel-muted);background:#0a0a0a;border-radius:12px;align-items:center;gap:7px;margin-top:12px;padding:0 10px;display:flex;box-shadow:inset 0 1px #ffffff05}.sidebar-search input{min-width:0;color:var(--workspace-panel-text);background:0 0;border:0;outline:0;flex:1;font-size:12px}.sidebar-search input::placeholder{color:var(--workspace-panel-muted)}.sidebar-search button{width:32px;height:32px;color:var(--workspace-panel-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-filter-row{z-index:3;align-items:stretch;gap:7px;margin-top:9px;display:flex;position:relative}.sidebar-filter-control{flex:1;min-width:0;position:relative}.sidebar-filter-trigger{border:1px solid var(--workspace-panel-border);width:100%;height:34px;color:var(--workspace-panel-muted);cursor:pointer;background:linear-gradient(#ffffff0c,#ffffff05);border-radius:10px;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:650;display:flex}.sidebar-filter-trigger:hover,.sidebar-filter-trigger.is-active{border-color:var(--workspace-panel-border-strong);background:var(--card-accent-soft,#ffffff0e);color:var(--workspace-panel-text)}.sidebar-filter-current{text-align:left;text-overflow:ellipsis;text-transform:none;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-filter-trigger svg:last-child{transition:transform .16s}.sidebar-filter-trigger svg:last-child.is-open{transform:rotate(180deg)}.sidebar-filter-popover{z-index:5;width:max(100%,250px);max-width:calc(100vw - 32px);max-height:min(430px, calc(100dvh - 180px - var(--mobile-keyboard-inset,0px)));overscroll-behavior:contain;border:1px solid var(--workspace-panel-border-strong);transform-origin:0 0;touch-action:pan-y;background:#0c0c0c;border-radius:16px;grid-template-columns:minmax(0,1fr);gap:2px;margin-top:0;padding:6px;animation:.14s ease-out workspace-menu-enter;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff04}.sidebar-filter-popover-header{border-bottom:1px solid var(--workspace-panel-border);min-height:24px;color:var(--workspace-panel-muted);letter-spacing:.055em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 12px;font-size:10px;font-weight:500;display:flex}.sidebar-filter-option{min-width:0;min-height:40px;color:var(--workspace-panel-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:500;display:flex}.sidebar-filter-option:hover,.sidebar-filter-option.is-active{color:var(--workspace-panel-text);background:#ffffff0b;border-color:#ffffff0a}.sidebar-filter-option.is-active{box-shadow:none}.sidebar-filter-option:first-of-type{grid-column:1/-1}.sidebar-filter-option-end{justify-content:flex-end;align-items:center;gap:5px;min-width:29px;display:inline-flex}.sidebar-filter-option-count{min-width:14px;color:var(--workspace-panel-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:9px}.sidebar-filter-option.is-active .sidebar-filter-option-count,.sidebar-filter-option.is-active .sidebar-filter-option-end svg{color:var(--card-accent,var(--workspace-panel-text))}.sidebar-filter-label{text-transform:none;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.sidebar-filter-dot{background:var(--card-accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--card-accent-soft);border-radius:50%;flex:none}.sidebar-filter-count{font-variant-numeric:tabular-nums;opacity:.72;flex:none;font-size:8px}.sidebar-filter-reset{border:1px solid var(--workspace-panel-border);width:34px;height:34px;color:var(--workspace-panel-muted);cursor:pointer;background:linear-gradient(#ffffff0c,#ffffff05);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-filter-reset:hover{border-color:var(--workspace-panel-border-strong);color:var(--workspace-panel-text);background:#ffffff0f}.sidebar-results-count{color:var(--workspace-panel-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:10px}.sidebar-content{z-index:1;min-height:0;padding:0 8px calc(16px + env(safe-area-inset-bottom));scrollbar-gutter:stable;touch-action:pan-y;overscroll-behavior:contain;flex-direction:column;flex:1;gap:4px;display:flex;position:relative;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-thumb{background:#e2e8f02e;border-radius:4px}.sidebar-item{width:100%;color:var(--workspace-panel-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;flex:none;gap:6px;padding:12px 10px;transition:none;display:flex}.sidebar-item:hover{background:linear-gradient(110deg,#ffffff0f,#ffffff06);border-color:#e2e8f016}.sidebar-item.is-active{box-shadow:none;background:#141414;border-color:#ffffff18}.sidebar-item-meta{color:var(--workspace-panel-muted);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:650;display:flex}.sidebar-item-persona{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.sidebar-item-dot{background:var(--card-accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--card-accent-soft);border-radius:50%;flex:none}.sidebar-item-prompt,.sidebar-item-response{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.sidebar-item-prompt{-webkit-line-clamp:2;white-space:normal;color:var(--workspace-panel-text);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.45;display:-webkit-box}.sidebar-item-response{color:var(--workspace-panel-muted);font-size:11px;font-weight:430;line-height:1.4}.sidebar-empty-state{min-height:180px;color:var(--workspace-panel-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 18px;font-size:12px;display:flex}.personal-canvas-hint{color:#17191d;background:#fff;border:1px solid #e7e9ed;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;font-size:12px;display:flex;box-shadow:0 3px 12px #00000014}.personal-canvas-hint-copy>span{font-weight:550}.personal-canvas-hint-copy p{color:#606773;margin:5px 0 0;font-size:11px}.personal-canvas-hint-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.personal-canvas-hint-actions button{color:#fff;cursor:pointer;font:inherit;background:#1c1e23;border:1px solid #1c1e23;border-radius:999px;padding:8px 14px}.personal-canvas-hint-actions .hint-dismiss-forever{color:#343943;background:#f5f6f8;border-color:#dfe2e7}.personal-canvas-hint-actions .hint-dismiss-forever.is-confirming{color:#fff;background:#245bd6;border-color:#245bd6}.personal-canvas-hint-actions button:hover{opacity:.8}.personal-canvas-hint-actions button:focus-visible{outline-offset:3px;outline:2px solid}.personal-canvas-hint-actions button:disabled{opacity:.5;cursor:wait}.personal-canvas-hint-copy .personal-canvas-hint-error{color:#b42336}@media (max-width:768px){.personal-canvas-hint{flex-direction:column;align-items:flex-start;gap:12px}.personal-canvas-hint-actions{align-self:flex-end}.personal-canvas-hint-actions button{min-height:44px}}.personal-workspace-banner{z-index:90;min-height:30px;color:var(--workspace-panel-muted);pointer-events:none;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:450;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%)}.personal-workspace-dot{background:#74c69d;border-radius:50%;width:6px;height:6px}.personal-workspace-separator{color:var(--workspace-panel-border-strong)}.personal-workspace .canvas-viewport:before{background:radial-gradient(circle at 50% 42%,#74c69d06,#0000 68%)}@media (min-width:1101px){.has-workspace-sidebar .composer-stage{left:var(--workspace-panel-width)}.has-workspace-sidebar .mac-notch,.has-workspace-sidebar .personal-workspace-banner{left:calc(50% + var(--workspace-panel-width) / 2);max-width:calc(100% - var(--workspace-panel-width) - 48px)}.personal-workspace .category-rail.with-sidebar{left:calc(var(--workspace-panel-width) + 16px)}}@media (max-width:1100px){:root{--workspace-panel-width:min(340px, calc(100vw - 56px))}.sidebar-container{bottom:var(--mobile-keyboard-inset,0px)}.sidebar-toggle-btn:not(.is-open){top:calc(76px + env(safe-area-inset-top))}.sidebar-filter-trigger,.sidebar-filter-option,.sidebar-filter-reset,.sidebar-search{min-height:44px}.sidebar-search input{font-size:16px}.personal-workspace .category-rail.with-sidebar{left:14px}}@media (max-width:768px){.personal-workspace-banner{text-overflow:ellipsis;max-width:calc(100vw - 92px);top:58px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.sidebar-container,.sidebar-toggle-btn{transition:none}}.sidebar-avatar-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.sidebar-identity{min-width:0}.sidebar-list-heading{color:var(--workspace-panel-muted);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:14px 18px 10px;font-size:10px;font-weight:600;display:flex}.sidebar-item-meta>span:last-child{font-variant-numeric:tabular-nums;flex:none}.sidebar-container :is(button,input):focus-visible,.sidebar-toggle-btn:focus-visible{outline-offset:2px;outline:2px solid #aaa}@keyframes workspace-menu-enter{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.sidebar-filter-popover{animation:none}}.sidebar-loading-preview{padding:24px 20px}.sidebar-loading-preview>div{gap:12px;margin-bottom:32px;display:grid}.sidebar-loading-preview :is(i,span){opacity:.07;background:currentColor;border-radius:8px;width:78%;height:5px;display:block}.sidebar-loading-preview i{width:32%;height:4px}.sidebar-loading-preview span:last-child{width:54%}.canvas-data-status.is-quiet-loading{opacity:.55;background:0 0;border:0;padding:0;font-size:11px}