.story-preview-frame{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:100%;box-shadow:var(--neo-raised-sm);overflow:hidden}.story-preview-frame--compact{font-size:.92em}.story-preview-frame__chrome{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:8px 10px;display:flex}.story-preview-frame__dot{background:var(--color-border-strong);border-radius:50%;width:7px;height:7px}.story-preview-frame__title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.02em;margin-left:auto}.story-preview-frame__body{padding:var(--space-3)}.story-mock-toolbar{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-soft);align-items:center;gap:6px;display:flex}.story-mock-toolbar__tab{border-radius:var(--radius-sm);font-size:.62rem;font-weight:var(--font-semibold);color:var(--color-text-muted);border:1px solid #0000;padding:3px 8px}.story-mock-toolbar__tab--active{color:var(--color-text);background:var(--color-bg-elevated);border-color:var(--color-border)}.story-mock-toolbar__action{border-radius:var(--radius-sm);font-size:.58rem;font-weight:var(--font-semibold);color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 14%, var(--color-bg-sunken));border:1px solid color-mix(in srgb, var(--color-brand) 24%, var(--color-border));margin-left:auto;padding:3px 8px}.story-mock-split{border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:34% minmax(0,1fr);gap:0;min-height:88px;display:grid;overflow:hidden}.story-mock-split__pane{padding:var(--space-2);background:var(--color-bg-elevated)}.story-mock-split__pane+.story-mock-split__pane{border-left:1px solid var(--color-border);background:var(--color-surface)}.story-mock-split__label{font-size:.58rem;font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 4px}.story-mock-table{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.story-mock-table__head,.story-mock-table__row{gap:var(--space-2);grid-template-columns:1.4fr .8fr .7fr;align-items:center;padding:5px 8px;font-size:.62rem;display:grid}.story-mock-table__head{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em}.story-mock-table__row{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-soft)}.story-mock-table__row:last-child{border-bottom:none}.story-mock-table__row--active{background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface))}.story-mock-row{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);padding:6px 8px;display:flex}.story-mock-row+.story-mock-row{margin-top:4px}.story-mock-row--active{background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));color:var(--color-text);font-weight:var(--font-semibold)}.story-mock-pill{border-radius:var(--radius-full);font-size:.65rem;font-weight:var(--font-semibold);background:var(--color-bg-sunken);color:var(--color-text-secondary);border:1px solid var(--color-border);align-items:center;padding:2px 8px;display:inline-flex}.story-mock-pill--ok{color:var(--color-success);background:var(--color-success-bg);border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}.story-mock-pill--warn{color:var(--color-warning);background:var(--color-warning-bg);border-color:color-mix(in srgb, var(--color-warning) 30%, transparent)}.story-mock-pill--brand{color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 12%, var(--color-bg-sunken));border-color:color-mix(in srgb, var(--color-brand) 28%, var(--color-border))}.story-mock-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.story-mock-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.story-mock-module{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);padding:6px}.story-mock-module__icon{background:color-mix(in srgb, var(--color-brand) 16%, var(--color-bg-sunken));border:1px solid color-mix(in srgb, var(--color-brand) 22%, var(--color-border));border-radius:4px;width:18px;height:18px;margin-bottom:4px}.story-mock-module__title{font-size:.62rem;font-weight:var(--font-semibold);color:var(--color-text)}.story-mock-module__meta{color:var(--color-text-muted);margin-top:2px;font-size:.55rem}.story-mock-tile{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border)}.story-mock-tile__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.story-mock-tile__value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-top:4px}.story-mock-code{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-sunken);border:1px solid var(--color-border-soft);font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;margin:0;font-size:.68rem;line-height:1.45}.story-mock-list{flex-direction:column;gap:4px;display:flex}.story-mock-avatar{width:22px;height:22px;font-size:.62rem;font-weight:var(--font-bold);color:var(--color-text-inverse);background:var(--color-brand);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.story-mock-status{color:var(--color-text-muted);align-items:center;gap:4px;font-size:.58rem;display:inline-flex}.story-mock-status__dot{background:var(--color-success);border-radius:50%;width:6px;height:6px}.story-mock-meter{border-radius:var(--radius-full);background:var(--color-border-soft);height:4px;margin-top:6px;overflow:hidden}.story-mock-meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-brand), var(--color-brand-light));height:100%}.story-mock-kv{justify-content:space-between;gap:var(--space-2);color:var(--color-text-secondary);border-bottom:1px dashed var(--color-border-soft);padding:3px 0;font-size:.62rem;display:flex}.story-mock-kv:last-child{border-bottom:none}.story-mock-kv strong{color:var(--color-text);font-weight:var(--font-semibold)}.guide-walkthrough{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;overflow:hidden}.guide-walkthrough__header{justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:6px 10px;display:flex}.guide-walkthrough__label{font-size:.62rem;font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:.03em;text-transform:uppercase}.guide-walkthrough__counter{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.58rem}.guide-walkthrough__viewport{background:var(--color-bg-sunken);height:248px;position:relative;overflow:hidden}.guide-walkthrough__scene-layer{opacity:0;transition:opacity .68s var(--ease-out);pointer-events:none;position:absolute;inset:0}.guide-walkthrough__scene-layer--active{opacity:1;pointer-events:auto;z-index:1}.guide-walkthrough__stage{width:100%;height:100%;position:relative}.guide-walkthrough--cinema .guide-walkthrough__controls{display:none}.guide-walkthrough__live{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:.58rem;display:inline-flex}.guide-walkthrough__live-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite guide-wt-live}.guide-walkthrough__progress{background:var(--color-border-soft);height:3px;overflow:hidden}.guide-walkthrough__progress-fill{background:linear-gradient(90deg, var(--color-brand), var(--color-brand-light));width:0;height:100%;animation:linear forwards guide-wt-progress}.guide-page-frame{width:100%;height:100%}.guide-page-frame__clip{border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);background:var(--color-surface);width:100%;height:100%;overflow:hidden}.guide-page-frame__scale{transform:scale(var(--guide-page-scale,.5));transform-origin:0 0;width:calc(100% / var(--guide-page-scale,.5));pointer-events:none;-webkit-user-select:none;user-select:none}.guide-page-frame__policies.neo-page{height:560px;padding:0}.guide-page-frame__policies .pol-workspace{height:100%}.guide-page-frame__schema.neo-page{overflow:hidden}.guide-page-frame__dash{min-height:520px;padding:16px}@keyframes guide-wt-progress{0%{width:0%}to{width:100%}}@keyframes guide-wt-live{0%,to{opacity:1}50%{opacity:.45}}.guide-walkthrough__focus-ring{pointer-events:none;border-radius:var(--radius-sm);border:1.5px solid color-mix(in srgb, var(--color-brand-light) 70%, var(--color-brand));box-shadow:0 0 0 2px color-mix(in srgb, var(--color-brand-light) 18%, transparent);z-index:4;animation:1.4s ease-in-out infinite guide-wt-pulse;position:absolute}.guide-walkthrough__cursor{background:var(--color-text);border:1px solid var(--color-text-inverse);z-index:6;width:14px;height:14px;transition:left .48s var(--ease-out), top .48s var(--ease-out);border-radius:50% 50% 50% 0;margin:-2px 0 0 -2px;position:absolute;transform:rotate(-45deg);box-shadow:0 2px 6px #00000059}.guide-walkthrough__cursor--click{animation:.32s ease-out guide-wt-click}.guide-walkthrough__caption{border-top:1px solid var(--color-border);background:var(--color-surface);padding:8px 10px}.guide-walkthrough__caption strong{color:var(--color-text);margin-bottom:2px;font-size:.72rem;display:block}.guide-walkthrough__caption p{color:var(--color-text-secondary);margin:0;font-size:.65rem;line-height:1.45}.guide-walkthrough__controls{border-top:1px solid var(--color-border-soft);background:var(--color-bg-elevated);align-items:center;gap:6px;padding:6px 8px;display:flex}.guide-walkthrough__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);min-width:28px;height:24px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0 6px;font-size:.62rem;display:inline-flex}.guide-walkthrough__btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.guide-walkthrough__btn--play{min-width:32px;font-size:.58rem}.guide-walkthrough__btn--playing{color:var(--color-brand-light);border-color:color-mix(in srgb, var(--color-brand) 35%, var(--color-border))}.guide-walkthrough__dots{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.guide-walkthrough__dot{background:var(--color-border-strong);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0}.guide-walkthrough__dot--active{background:var(--color-brand-light);transform:scale(1.25)}.guide-walkthrough__dot--done{background:color-mix(in srgb, var(--color-brand) 55%, var(--color-border-strong))}.guide-scene{min-height:210px;color:var(--color-text-secondary);background:var(--color-surface);font-size:.62rem;position:relative}.guide-scene__topbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:5px 8px;display:flex;overflow:hidden}.guide-scene__crumb{color:var(--color-text-muted)}.guide-scene__sep{color:var(--color-border-strong)}.guide-scene__page{color:var(--color-text);font-weight:var(--font-semibold)}.guide-scene__body{grid-template-columns:72px minmax(0,1fr);min-height:175px;display:grid}.guide-scene__sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-elevated);padding:6px 4px}.guide-scene__nav-item{border-radius:var(--radius-sm);text-align:left;width:100%;color:var(--color-text-muted);border:1px solid #0000;margin-bottom:2px;padding:4px 5px;display:block}.guide-scene__nav-item--active{color:var(--color-text);background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));border-color:var(--color-border);font-weight:var(--font-semibold)}.guide-scene__main{flex-direction:column;min-width:0;display:flex}.guide-scene__toolbar{border-bottom:1px solid var(--color-border-soft);align-items:center;gap:4px;padding:5px 6px;display:flex}.guide-scene__content{flex:1;padding:6px}.guide-scene__btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:.58rem;font-weight:var(--font-semibold);align-items:center;padding:3px 7px;display:inline-flex}.guide-scene__btn--primary{color:var(--color-text-inverse);background:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 70%, var(--color-border))}.guide-scene__btn--ghost{background:0 0}.guide-scene__table{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.guide-scene__table-row{border-bottom:1px solid var(--color-border-soft);grid-template-columns:1fr .7fr;gap:4px;padding:4px 6px;display:grid}.guide-scene__table-row:last-child{border-bottom:none}.guide-scene__table-row--head{background:var(--color-bg-elevated);color:var(--color-text-muted);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.03em;font-size:.55rem}.guide-scene__table-row--active{background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface))}.guide-scene__table-row--new{animation:.9s ease-out guide-wt-flash}.guide-scene__modal-backdrop{z-index:3;background:#00000073;place-items:center;display:grid;position:absolute;inset:0}.guide-scene__modal{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);width:min(92%,220px);box-shadow:var(--neo-raised-lg);padding:8px}.guide-scene__modal-title{font-size:.68rem;font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 6px}.guide-scene__field{margin-bottom:6px}.guide-scene__field label{color:var(--color-text-muted);margin-bottom:2px;font-size:.55rem;display:block}.guide-scene__field input,.guide-scene__field select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-sunken);width:100%;color:var(--color-text);padding:4px 6px;font-size:.6rem}.guide-scene__field-row{grid-template-columns:1fr .8fr .5fr;gap:4px;margin-bottom:4px;display:grid}.guide-scene__toast{border-radius:var(--radius-sm);background:var(--color-success-bg);border:1px solid color-mix(in srgb, var(--color-success) 35%, transparent);color:var(--color-success);font-size:.58rem;font-weight:var(--font-semibold);z-index:5;animation:guide-wt-toast-in .4s var(--ease-out);padding:5px 8px;position:absolute;bottom:8px;right:8px}.guide-wt-target--active{z-index:2;position:relative}.guide-scene__pill{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-sunken);padding:1px 5px;font-size:.52rem;display:inline-flex}.guide-scene__pill--ok{color:var(--color-success);background:var(--color-success-bg);border-color:color-mix(in srgb, var(--color-success) 30%, transparent)}.guide-scene__pill--new{color:var(--color-brand-light);background:color-mix(in srgb, var(--color-brand) 12%, var(--color-bg-sunken))}.guide-scene__editor{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-sunken);min-height:52px;font-family:var(--font-mono);white-space:pre-wrap;color:var(--color-text-secondary);padding:6px;font-size:.55rem;line-height:1.45}.guide-scene__results{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:6px;overflow:hidden}@keyframes guide-wt-pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes guide-wt-click{0%{transform:rotate(-45deg)scale(1)}50%{transform:rotate(-45deg)scale(.82)}to{transform:rotate(-45deg)scale(1)}}@keyframes guide-wt-flash{0%{background:color-mix(in srgb, var(--color-brand-light) 35%, var(--color-surface))}to{background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface))}}@keyframes guide-wt-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.guide-walkthrough__stage,.guide-walkthrough__cursor,.guide-walkthrough__focus-ring,.guide-scene__table-row--new,.guide-scene__toast{transition:none!important;animation:none!important}}.page-story-panel{top:calc(var(--shell-topbar-height,52px) + var(--space-3));right:var(--space-6);z-index:270;width:min(520px, calc(100vw - var(--space-8)));gap:var(--space-2);padding:var(--space-4);background:color-mix(in srgb, var(--color-surface) 98%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--neo-raised-lg), 0 10px 32px color-mix(in srgb, var(--color-brand-dark) 8%, transparent);animation:page-story-enter .32s var(--ease-out) forwards;pointer-events:auto;flex-direction:column;display:flex;position:fixed}.page-story-panel--expanded{max-height:min(420px, calc(100vh - var(--shell-topbar-height,52px) - var(--space-12)))}.page-story-panel__preview{margin-top:var(--space-1)}.page-story-panel__preview .story-preview-frame{border-radius:var(--radius-sm);font-size:.88em}.page-story-panel__preview .story-preview-frame__chrome{gap:5px;padding:6px 8px}.page-story-panel__preview .story-preview-frame__dot{width:6px;height:6px}.page-story-panel__preview .story-preview-frame__title{font-size:.62rem}.page-story-panel__preview .story-preview-frame__body{padding:var(--space-2)}.page-story-panel__preview .story-mock-row{padding:4px 6px;font-size:.68rem}.page-story-panel__preview .story-mock-pill{padding:1px 6px;font-size:.58rem}.page-story-panel__preview .story-mock-code{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.6rem;line-height:1.4}.page-story-panel__preview .story-mock-tile{padding:var(--space-1) var(--space-2)}.page-story-panel__preview .story-mock-tile__value{font-size:var(--text-xs)}.page-story-panel__preview .story-mock-table__head,.page-story-panel__preview .story-mock-table__row{padding:3px 5px;font-size:.58rem}.page-story-panel__preview .story-mock-split{min-height:72px}.page-story-panel__preview .story-mock-modules{grid-template-columns:repeat(3,minmax(0,1fr))}.page-story-panel__preview .story-mock-module{padding:4px}.page-story-panel__preview .story-mock-toolbar__tab,.page-story-panel__preview .story-mock-toolbar__action{font-size:.54rem}.page-story-panel__preview .story-mock-avatar{width:18px;height:18px;font-size:.55rem}.page-story-panel--exiting{animation:.22s cubic-bezier(.4,0,1,1) forwards page-story-exit}.page-story-panel__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.page-story-panel__actions{align-items:center;gap:var(--space-1);margin-left:auto;display:inline-flex}.page-story-panel__category{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;display:inline-flex}.page-story-panel__expand{padding:4px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-brand-dark);border-radius:var(--radius-sm)}.page-story-panel__expand:hover{background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface))}.page-story-panel__close{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-story-panel__close svg{width:16px;height:16px}.page-story-panel__close:hover{color:var(--color-brand-dark);background:var(--color-surface-2)}.page-story-panel__title{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--color-text);margin:0}.page-story-panel__summary{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.page-story-panel--expanded .page-story-panel__summary{-webkit-line-clamp:unset}.page-story-panel__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.page-story-panel__chip{max-width:100%;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-brand-dark);background:color-mix(in srgb, var(--color-brand) 8%, var(--color-bg-elevated));border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;align-items:center;display:inline-flex;overflow:hidden}.page-story-panel__body{gap:var(--space-3);padding-right:var(--space-1);margin-top:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.page-story-panel__section-title{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.03em;text-transform:uppercase;color:var(--color-brand-dark)}.page-story-panel__list{padding-left:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.page-story-panel__list li+li{margin-top:var(--space-1)}.page-story-panel__steps{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.page-story-panel__step dt{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.page-story-panel__step dd{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary);margin:2px 0 0}.page-story-panel__section--security{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning,#f59e0b) 8%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-warning,#f59e0b) 25%, transparent)}.page-story-panel__security{padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.page-story-panel__footer{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.page-story-panel__action{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-brand-dark);align-items:center;text-decoration:none;display:inline-flex}.page-story-panel__action:hover{text-underline-offset:2px;text-decoration:underline}@keyframes page-story-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes page-story-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (width<=480px){.page-story-panel{bottom:max(var(--space-3), env(safe-area-inset-bottom,0px));right:var(--space-3);left:var(--space-3);overscroll-behavior:contain;width:auto;max-height:min(38vh,240px);padding:var(--space-3);z-index:180;overflow-y:auto}.page-story-panel--mobile.page-story-panel--preview-open{max-height:min(52vh,320px)}.page-story-panel__title{font-size:var(--text-sm)}.page-story-panel__summary{-webkit-line-clamp:2;font-size:var(--text-xs)}.page-story-panel__preview{max-height:min(28vh,160px);overflow:auto}.page-story-panel__expand{min-height:28px;padding:4px var(--space-2)}}@media (prefers-reduced-motion:reduce){.page-story-panel{animation:.18s forwards fadeIn}.page-story-panel--exiting{animation:.12s reverse forwards fadeIn}}.page-story-panel{bottom:var(--space-4);right:var(--space-4);width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:page-story-enter .24s var(--ease-out) both;background:0 0;border:none;padding:0}.page-story-panel__pill{height:30px;font:inherit;color:var(--color-text-muted);background:var(--color-bg-elevated);box-shadow:0 0 0 1px var(--color-border-strong), 0 6px 18px #00000059;cursor:pointer;transition:color var(--duration-fast), box-shadow var(--duration-fast);border:none;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;font-weight:500;display:inline-flex}.page-story-panel__pill svg{width:14px;height:14px}.page-story-panel__pill:hover{color:var(--color-text);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 30%, transparent), 0 6px 18px #00000059}.page-story-panel--open{width:min(320px, calc(100vw - var(--space-8)));padding:var(--space-4);gap:var(--space-2);border-radius:var(--radius-lg);background:var(--color-bg-elevated);box-shadow:var(--shadow-pop)}.page-story-panel--open .page-story-panel__title{letter-spacing:-.01em;font-size:14px;font-weight:500}.page-story-panel--open .page-story-panel__summary{color:var(--color-text-muted);font-size:12.5px;line-height:1.5}.tbi{width:32px;height:32px;color:var(--color-text-secondary);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.tbi:hover,.tbi:focus-visible{background:var(--color-surface-hover);color:var(--color-text-primary)}.tbi:after{content:attr(data-label);background:var(--color-text-primary);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;z-index:50;border-radius:6px;padding:4px 8px;font-size:12px;transition:opacity .12s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.tbi:hover:after,.tbi:focus-visible:after{opacity:1}