.capability-experience-preview-shell{display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;overflow:hidden}.capability-experience-preview-shell__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.capability-experience-preview-shell__title-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.capability-experience-preview-shell__title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capability-experience-preview-shell__header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.capability-experience-preview-shell__lifecycle{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);-webkit-padding-start:var(--space-4);padding-inline-start:var(--space-4);-webkit-border-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border)}.capability-experience-preview-shell__back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap}.capability-experience-preview-shell__back:hover{background:var(--color-surface-sunken)}.capability-experience-preview-shell__back--icon{justify-content:center;min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);gap:var(--space-1)}.capability-experience-preview-shell__back-icon{width:20px;height:20px;display:block}.capability-experience-preview-shell__back-arrow{font-size:var(--text-base);line-height:1}.capability-experience-preview-shell__hint{flex-shrink:0;padding:var(--space-2) var(--space-5) 0;font-size:var(--text-sm)}.capability-experience-preview-shell__empty-library{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-muted);color:var(--color-warning);font-size:var(--text-sm)}.capability-experience-preview-shell__empty-library .link{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:var(--link-underline-offset,3px);cursor:pointer}.capability-experience-preview-shell__body{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:var(--space-3) var(--space-5) var(--space-5)}.capability-experience-preview-shell__state{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center}.capability-experience-preview-shell__state-mark{display:inline-flex;color:var(--color-danger)}.capability-experience-preview-shell__state-title{margin:0;max-width:34rem;font-size:var(--text-lg,1.125rem);font-weight:var(--font-medium);color:var(--color-fg)}.capability-experience-preview-shell__state-hint{margin:0;max-width:34rem;font-size:var(--text-sm);line-height:1.6;color:var(--color-fg-muted)}.capability-experience-preview-shell__state-spinner{width:2rem;height:2rem;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-accent);animation:preview-shell-state-spin .9s linear infinite}@keyframes preview-shell-state-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.capability-experience-preview-shell__state-spinner{animation:preview-shell-state-pulse 1.8s ease-in-out infinite}@keyframes preview-shell-state-pulse{50%{opacity:.4}}}.capability-experience-preview-shell__body .capability-standalone-experience__frame{flex:1 1;min-height:0;display:flex;flex-direction:column}.capability-experience-preview-shell__body{padding:0}.capability-experience-preview-shell__body>:not(:has(.capability-standalone-experience__frame)):not(.capability-standalone-experience__frame){margin:var(--space-3) var(--space-5) 0}.capability-experience-preview-shell__body .capability-standalone-experience__frame{margin-top:0;border:0;border-radius:0}.capability-experience-preview-shell__body .composer-live-preview,.capability-experience-preview-shell__body .composer-live-preview--doc-chat,.capability-experience-preview-shell__body .doc-chat,.capability-experience-preview-shell__body .experience-frame{flex:1 1;min-height:0;height:100%}.capability-experience-preview-shell__body .doc-chat__card,.capability-experience-preview-shell__body .doc-chat__workspace{flex:1 1;min-height:0;height:100%;display:flex;flex-direction:column}.capability-experience-preview-shell__body .composer-live-preview--doc-chat{overflow:hidden}.capability-experience-preview-shell__body .doc-chat__footer,.capability-experience-preview-shell__body .doc-chat__header{flex-shrink:0}.capability-experience-preview-shell__body .doc-chat__body{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:0}.capability-experience-preview-shell__body .doc-chat__body>.document-chat-agent-thread-shell{flex:1 1 auto;min-height:0;height:100%}.capability-experience-preview-shell__body .document-chat-agent-thread-shell .chat-thread{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.capability-experience-preview-shell__body .chat-workspace__header,.capability-experience-preview-shell__body .document-chat-session-chrome{overflow:visible;position:relative;z-index:3;flex-shrink:0}@media (max-width:639px){.capability-experience-preview-shell__header{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.capability-experience-preview-shell__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.capability-experience-preview-shell__title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--text-md);width:100%}.capability-experience-preview-shell__header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.capability-experience-preview-shell__lifecycle{justify-content:flex-start}.capability-experience-preview-shell__back{margin-left:auto;min-height:var(--touch-target-min)}.capability-experience-preview-shell__hint{padding-inline:var(--space-4)}.capability-experience-preview-shell__body{padding:0}}.cap-detail-page--preview-mode,.chat-workspace--preview-mode,.planner-agent-workspace--preview-mode{display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;overflow:hidden}.cap-detail-page--preview-mode{width:100%;max-width:none}.app-shell--platform:has(.cap-detail-page--preview-mode){align-items:stretch}.app-shell__main--platform:has(.cap-detail-page--preview-mode){height:100dvh;overflow:hidden}.app-shell__main--platform>.main.main--platform:has(.cap-detail-page--preview-mode){height:100%;min-height:0;box-sizing:border-box}.main--platform:has(.cap-detail-page--preview-mode),.main--platform:has(.capability-experience-preview-shell),.main--platform:has(.chat-workspace--preview-mode),.main--platform:has(.planner-agent-workspace--preview-mode){display:flex;flex-direction:column;flex:1 1;min-height:0;height:100%;overflow:hidden}.main--platform:has(.cap-detail-page--preview-mode){padding:0}.chat-card--capability-experience-launch{display:flex;flex-direction:column;gap:var(--space-3)}.chat-card__capability-experience-launch-title{margin:0}.chat-card__capability-experience-launch-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.chat-card__capability-experience-nav-links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-left:auto}.chat-card__capability-experience-nav-links .chat-card__inline-link{margin-top:0}.preview-audience-toggle{display:inline-flex;gap:0;padding:2px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md)}.preview-audience-toggle__option{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--experience-bar-control,1.875rem);border-radius:calc(var(--radius-md) - 1px);padding:.2rem var(--space-2);font-size:.75rem;font-weight:600;color:var(--color-fg-muted);background:transparent;border:none;cursor:pointer;white-space:nowrap}.preview-audience-toggle__option--active{color:var(--color-fg);background:var(--color-surface);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.06))}.preview-audience-toggle__option:not(.preview-audience-toggle__option--active):hover{color:var(--color-fg)}.preview-audience-toggle__option>svg{flex-shrink:0}.composer-live-preview__library-gap{color:var(--color-fg-muted)}.capability-experience-preview-shell__body .composer-live-preview__title{display:none}.capability-experience-preview-shell__body .composer-live-preview__header{-webkit-margin-after:var(--space-2);margin-block-end:var(--space-2)}.capability-experience-preview-shell__body .composer-live-preview__header:not(:has(.status-pill)){display:none}.capability-experience-preview-shell__header [data-tooltip]{position:relative}.capability-experience-preview-shell__header [data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translateX(-50%);z-index:20;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm,6px);background:var(--color-fg);color:var(--color-bg);font-size:var(--text-xs);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast,.12s) ease}.capability-experience-preview-shell__header [data-tooltip]:focus-visible:after,.capability-experience-preview-shell__header [data-tooltip]:hover:after{opacity:1}.capability-experience-preview-shell__action{display:inline-flex}.capability-experience-preview-shell__header-actions .btn,.capability-experience-preview-shell__header-actions .capability-experience-preview-shell__back{min-height:var(--experience-bar-control,1.875rem);min-width:var(--experience-bar-control,1.875rem);height:var(--experience-bar-control,1.875rem);padding:0 var(--space-2)}.capability-experience-preview-shell__header-actions .btn svg{width:18px;height:18px}