@layer components{.app-surface.is-learning-workspace{background:var(--color-canvas)}.learning-frame{width:min(100% - 2 * var(--page-gutter), var(--page-width-workspace));margin-inline:var(--page-gutter) auto;--learning-tabs-height:3rem;--learning-frame-gutter:var(--page-gutter);--study-rail-top:calc(var(--appbar-height) + var(--learning-tabs-height) + var(--space-5));padding:0 0 var(--space-8)}.learning-frame-content{padding-top:var(--space-5);min-width:0}.learning-frame-content>.learning-workspace,.learning-frame-content>.conversation-column{width:100%;max-width:none;margin:0;padding:0}.learning-frame-content>.conversation-column:has(.conversation-outline){width:100%}.learning-frame .topic-study-layout{margin-top:0}.learning-frame .topic-study-rail{background:var(--color-surface)}.learning-frame .conversation-heading{margin-top:0}.learning-frame>.learning-tabs{height:var(--learning-tabs-height);width:calc(100% + 2 * var(--learning-frame-gutter));margin-inline:calc(-1 * var(--learning-frame-gutter));padding-inline:var(--learning-frame-gutter);background:var(--color-canvas);padding-block:0}@media (min-width:64.001rem){.learning-frame>.learning-tabs{top:var(--appbar-height);z-index:var(--layer-composer);background:color-mix(in oklab, var(--color-canvas) 92%, transparent);box-shadow:0 var(--space-2) var(--space-3) calc(-1 * var(--space-3)) color-mix(in srgb, var(--color-ink) 28%, transparent);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));position:sticky}.learning-frame:has(.topic-study[data-has-material=true]){padding-bottom:var(--space-4)}.learning-workspace.has-study-chat{column-gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(20rem,34%);align-items:start;display:grid}.has-study-chat>.learning-heading{grid-area:1/1}.has-study-chat>.activity-context{grid-area:2/1}.has-study-chat>.activity-chat-rail{grid-area:1/2/span 2}.learning-frame:has(.has-study-chat){padding-bottom:var(--space-4)}.learning-frame,.source-library-page{width:calc(100% - 2 * var(--page-gutter))}.topic-study-layout,.learning-workspace.has-study-chat{grid-template-columns:minmax(0,1fr) auto}.learning-frame .topic-study:not([data-has-material=true]) .topic-study-layout{grid-template-columns:minmax(0,1fr)}.topic-study-layout:has(>.study-companion[data-collapsed=true]){grid-template-columns:minmax(0,1fr)}.has-study-chat:has(>.study-companion[data-collapsed=true]){grid-template-columns:minmax(0,1fr)}.study-companion{width:clamp(19rem,24vw,23rem);min-width:0;max-width:min(48rem,100vw - 22rem);top:var(--study-rail-top);height:calc(100dvh - var(--study-rail-top) - var(--space-4));align-self:start;position:sticky}.study-companion-content{height:100%}.study-companion-content[hidden]{display:none}.study-companion .topic-study-rail{height:100%;position:static}.has-study-chat>.study-companion{grid-area:1/2/span 2}.topic-study:not([data-has-material=true]) .study-companion{height:auto}}.learning-tools-slot{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.learning-tabs .companion-toggle{position:static}.learning-tools-slot .companion-toggle.button,.learning-tools-slot .companion-toggle.button:is(:hover,:focus-visible,:active){background:0 0}.study-companion[data-collapsed=true]{display:none}.learning-frame>.learning-tabs :where(a,button){padding-block:var(--space-2)}.study-companion:before{content:"";left:0;top:calc(-1 * var(--space-5));height:calc(100dvh - var(--appbar-height) - var(--learning-tabs-height));border-left:var(--border-width) solid var(--color-border);pointer-events:none;position:absolute}.study-companion-resizer{z-index:1;top:0;bottom:0;left:calc(-1 * var(--space-2));width:calc(2 * var(--space-2));cursor:col-resize;touch-action:none;background:0 0;border:0;height:100%;margin:0;position:absolute}.study-companion-resizer:after{top:0;bottom:0;left:calc(50% - var(--border-width));border-left:calc(2 * var(--border-width)) solid transparent;content:"";position:absolute}.study-companion-resizer:before{inset-block:0;width:var(--space-3);border-radius:var(--radius-control);background:color-mix(in oklab, var(--color-canvas) 60%, transparent);box-shadow:0 0 var(--space-3) color-mix(in srgb, var(--color-border) 35%, transparent);opacity:0;-webkit-backdrop-filter:blur(var(--space-2));backdrop-filter:blur(var(--space-2));content:"";position:absolute;left:50%;transform:translate(-50%)}.study-companion-resizer:is(:hover,:focus-visible):before,.study-companion[data-resizing=true] .study-companion-resizer:before{opacity:1}.study-companion-resizer:is(:hover,:focus-visible):after,.study-companion[data-resizing=true] .study-companion-resizer:after{border-color:var(--color-border)}.workspace-readonly{border:0;min-inline-size:0}.learning-frame:has(.topic-study:not([data-has-material=true])){padding-bottom:var(--space-4)}}
@layer components{.workspace-switcher-trigger{inline-size:100%;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0}.workspace-switcher-trigger>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.workspace-switcher-trigger>.workspace-switcher-caret{inline-size:var(--space-4);block-size:var(--space-4);color:var(--color-muted);flex-shrink:0}.workspace-switcher-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding-inline-start:var(--space-3);display:flex}.workspace-switcher-heading h2{font-size:var(--text-heading-small);margin:0}.workspace-close{inline-size:var(--control-small);min-inline-size:var(--control-small);padding:0}.workspace-management{min-inline-size:0}.workspace-description{padding:0 var(--space-3) var(--space-3);color:var(--color-muted);font-size:var(--text-control);line-height:var(--leading-body);margin:0}.workspace-options-scroll{overscroll-behavior:contain;max-block-size:20rem;overflow:auto}.workspace-list{margin:0;padding:0;list-style:none}.workspace-archived{border-block-start:var(--border-width) solid var(--color-border);margin-block-start:var(--space-3);padding-block-start:var(--space-2)}.workspace-archived>summary{padding:var(--space-2);color:var(--color-muted);font-size:var(--text-control);cursor:pointer}.workspace-create-button{justify-content:flex-start;margin-block-start:var(--space-3);margin-inline-start:var(--space-1)}.workspace-management-pane{padding:0 var(--space-3) var(--space-3)}.workspace-back{margin-block-end:var(--space-3);margin-inline-start:calc(-1 * var(--space-2))}.workspace-management-pane h3{margin:0 0 var(--space-4);font-size:var(--text-heading-small);overflow-wrap:anywhere}.workspace-title-form{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.workspace-title-form .form-field{gap:var(--space-2);min-inline-size:min(100%,12rem);font-size:var(--text-control);flex:1;display:grid}.workspace-title-form input{inline-size:100%;min-inline-size:0}.workspace-title-form .form-error{flex-basis:100%}.workspace-lifecycle{border-block-start:var(--border-width) solid var(--color-border);margin-block-start:var(--space-5);padding-block-start:var(--space-4)}.workspace-lifecycle p{margin:0 0 var(--space-3);font-size:var(--text-control);color:var(--color-muted)}.workspace-lifecycle>div{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.workspace-lifecycle a{font-size:var(--text-control)}.workspace-notice,.workspace-empty{margin:var(--space-2);color:var(--color-muted);font-size:var(--text-control)}.workspace-management>.form-error{margin:var(--space-2)}.workspace-catalog{inline-size:min(100% - 2 * var(--page-gutter), 42rem);margin-inline:var(--page-gutter) auto;padding-block:var(--page-top) var(--space-8)}.workspace-catalog>.workspace-management{max-inline-size:32rem;margin-inline-start:calc(-1 * var(--space-3))}.workspace-history{scroll-margin-top:var(--appbar-height);margin-block-start:var(--space-7)}.workspace-history h2{font-size:var(--text-heading-small)}.workspace-history ul{padding:0;list-style:none}.workspace-history li{align-items:baseline;gap:var(--space-3);padding-block:var(--space-3);border-block-end:var(--border-width) solid var(--color-border);display:flex}.workspace-history li span{color:var(--color-muted);font-size:var(--text-caption)}}
@layer components{.context-header .work-tray>summary{align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:var(--text-caption);font-weight:var(--weight-regular);min-height:var(--control-medium);min-width:var(--control-medium);border-radius:var(--radius-control);transition:background-color var(--motion-fast) ease;justify-content:center;list-style:none;display:flex}.context-header .work-tray>summary:hover{background:var(--color-surface-muted)}.context-header .work-tray>summary[hidden]{display:none}.context-header .work-tray>summary::-webkit-details-marker{display:none}.work-summary-icon{flex-shrink:0}.context-header .work-tray>summary[data-running=true] .work-summary-icon{color:var(--color-accent);animation:1s linear infinite work-summary-spin}@keyframes work-summary-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.context-header .work-tray>summary[data-running=true] .work-summary-icon{animation:none}}.work-tray-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.work-tray-panel>.field-note{margin:var(--space-2) 0 var(--space-4)}.work-tray-panel .work-item-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-caption);color:var(--color-muted);flex-wrap:wrap;display:flex}.work-item-meta>span+span:before{content:"·";margin-right:var(--space-2)}.work-tray-panel .work-item-meta .work-actions{align-items:center;gap:var(--space-2);margin-top:0;margin-left:auto;display:flex}.work-tray-panel .work-item-meta .work-actions a{padding:var(--space-1) var(--space-2);border-radius:var(--radius-small)}.work-tray-panel .work-item-meta .work-actions a:hover{background:var(--color-surface-muted)}}.work-count[data-attention=true]{color:var(--color-danger);font-weight:var(--weight-semibold)}
