.preview-os{--preview-background:#1a1b26;--preview-surface:#24283b;--preview-surface-raised:#292e42;--preview-surface-dark:#16161e;--preview-border:#414868;--preview-primary:#7aa2f7;--preview-accent:#7dcfff;--preview-text:#c0caf5;--preview-muted:#9aa5ce;--preview-green:#9ece6a;--preview-orange:#e0af68;--preview-red:#f7768e;--preview-purple:#bb9af7;--preview-surface-glass:#24283b;--preview-surface-terminal:#16161e;--preview-border-subtle:rgba(65,72,104,0.45);--preview-border-active:#7aa2f7;--preview-border-inactive:rgba(65,72,104,0.5);--preview-glow-primary:rgba(122,162,247,0.15);--preview-glow-accent:rgba(125,207,255,0.12);--preview-glow-green:rgba(158,206,106,0.12);--preview-shadow:0 24px 60px rgba(0,0,0,0.24);--preview-shadow-pane:none;--preview-shadow-topbar:none;--preview-shadow-focus:none;--preview-radius:2px;--preview-radius-sm:2px;--preview-transition:180ms cubic-bezier(0.33,1,0.68,1);min-height:100vh;background:radial-gradient(circle at top right,rgba(122,162,247,.1),transparent 32%),radial-gradient(circle at bottom left,rgba(125,207,255,.08),transparent 28%),radial-gradient(circle at 60% 80%,rgba(187,154,247,.06),transparent 26%),var(--preview-background);color:var(--preview-text);font-family:var(--font-preview-mono),"Cascadia Code",Menlo,Monaco,Consolas,monospace;font-size:clamp(.84rem,.34vw + .78rem,.98rem);line-height:1.45}.preview-os,.preview-os body{background:var(--preview-background);color:var(--preview-text)}.preview-os a{color:var(--preview-accent);text-decoration:none;transition:color var(--preview-transition)}.preview-os a:hover{color:#ffffff}.preview-shell{min-height:100vh;padding:1.15rem}.preview-shell:before{inset:0;background-image:linear-gradient(rgba(122,162,247,.08) 1px,transparent 0),linear-gradient(90deg,rgba(122,162,247,.08) 1px,transparent 0);background-size:22px 22px;opacity:.14}.preview-shell:after,.preview-shell:before{position:fixed;content:"";pointer-events:none}.preview-shell:after{top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(122,162,247,.06),transparent);z-index:0}.preview-content{position:relative;z-index:1;display:grid;gap:1.15rem;max-width:1600px;margin:0 auto;padding-bottom:5rem}.preview-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem}.preview-pane,.preview-topbar{border:2px solid var(--preview-border-inactive);border-radius:var(--preview-radius);background:var(--preview-surface);box-shadow:none}.preview-pane{min-width:0;overflow:hidden;transition:border-color var(--preview-transition)}.preview-pane:hover{border-color:var(--preview-border)}.preview-pane:focus-within{border-color:var(--preview-primary)}.preview-pane-terminal{background:var(--preview-surface-terminal);border:2px solid var(--preview-primary)}.preview-pane-terminal:hover{border-color:var(--preview-primary)}.preview-statusline{flex-wrap:wrap;position:sticky;bottom:.8rem;justify-content:space-between;padding:.75rem 1rem;border:2px solid var(--preview-border-inactive);border-radius:var(--preview-radius);background:var(--preview-surface);box-shadow:none}.preview-button-row,.preview-right-meta,.preview-statusline,.preview-statusline-group,.preview-subsection-head,.preview-tag-list,.preview-terminal-line,.preview-topbar-end,.preview-topbar-item,.preview-topbar-section,.preview-workspaces{display:flex;align-items:center;gap:.65rem}.preview-button-row,.preview-statusline-group,.preview-tag-list,.preview-topbar-end,.preview-workspaces{flex-wrap:wrap}.preview-topbar-section:first-child{position:relative;padding-left:0}.preview-topbar-section:first-child:before{display:none}.preview-topbar-pill{display:inline-flex;align-items:center;border-radius:var(--preview-radius-sm);background:var(--preview-primary);color:var(--preview-background);font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:.38rem .65rem;text-transform:uppercase}.preview-info-label,.preview-link-meta,.preview-pane-meta,.preview-prompt-path,.preview-terminal-output,.preview-topbar-item,.preview-topbar-text{color:var(--preview-muted)}.preview-topbar-status{color:var(--preview-green);position:relative;padding-left:1rem}.preview-topbar-status:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--preview-green);animation:preview-pulse 2s ease-in-out infinite}.preview-workspace{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--preview-border-subtle);border-radius:var(--preview-radius-sm);background:var(--preview-surface-dark);color:var(--preview-text);padding:.42rem .7rem;transition:background var(--preview-transition),border-color var(--preview-transition),box-shadow var(--preview-transition),color var(--preview-transition)}.preview-workspace:hover{border-color:var(--preview-border-active)}.preview-workspace.is-active{background:var(--preview-primary);border-color:var(--preview-primary);color:var(--preview-background)}.preview-workspace-index{font-weight:700}.preview-session-grid{display:grid;gap:1.15rem}@media (min-width:1024px){.preview-session-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}}.preview-pane-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border-bottom:1px solid var(--preview-border-subtle);background:rgba(0,0,0,.2);position:relative}.preview-pane-bar:before{display:none}.preview-pane-terminal .preview-pane-bar{border-left:3px solid var(--preview-primary);padding-left:calc(.85rem - 3px)}.preview-pane-terminal .preview-pane-bar:before{display:none}.preview-field-label,.preview-pane-title,.preview-section-title{color:var(--preview-primary);font-weight:700}.preview-field-label,.preview-pane-meta,.preview-pane-title{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.preview-pane-body{min-width:0;padding:1.05rem;animation:preview-fade-in .3s ease-out}.preview-info-list,.preview-log-list,.preview-pane-stack,.preview-select-list{display:grid;gap:.85rem}.preview-banner{margin:0;font-size:clamp(.44rem,.82vw,.82rem);line-height:1.08;letter-spacing:-.045em;background:linear-gradient(135deg,var(--preview-green),var(--preview-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px var(--preview-glow-green));overflow-x:auto}.preview-terminal-line{background:rgba(0,0,0,.2);border-radius:var(--preview-radius-sm);border-left:2px solid var(--preview-primary);padding:.35rem .6rem}.preview-prompt-user{font-weight:700}.preview-prompt-path{color:var(--preview-purple)}.preview-prompt-symbol{color:var(--preview-orange)}.preview-prompt-command{font-style:italic}.preview-prompt-command,.preview-section-title{color:var(--preview-accent)}.preview-info-value,.preview-link-title,.preview-prompt-user{color:var(--preview-text)}.preview-prompt-user{color:var(--preview-green)}.preview-divider{height:1px;background:linear-gradient(90deg,transparent,var(--preview-border-subtle),transparent)}.preview-info-row,.preview-row-block{display:grid;gap:.45rem}.preview-info-row{grid-template-columns:minmax(90px,120px) minmax(0,1fr);align-items:start}.preview-info-value{justify-self:end;text-align:right}.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:none;border-radius:var(--preview-radius-sm);background:var(--preview-primary);color:var(--preview-background);cursor:pointer;font-size:.84rem;font-weight:700;line-height:1;padding:.75rem .95rem;text-transform:uppercase;transition:background var(--preview-transition),color var(--preview-transition),box-shadow var(--preview-transition)}.preview-button:hover{background:#b4f9f8;color:var(--preview-background);box-shadow:0 0 16px var(--preview-glow-accent)}.preview-button-secondary{background:var(--preview-surface-dark);border:1px solid var(--preview-border-subtle);color:var(--preview-accent)}.preview-button-secondary:hover{background:rgba(125,207,255,.12);border-color:var(--preview-border-active);color:#ffffff}.preview-tag{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--preview-border-subtle);border-radius:var(--preview-radius-sm);background:var(--preview-surface-dark);color:var(--preview-accent);font-size:.78rem;padding:.3rem .55rem;transition:border-color var(--preview-transition),background var(--preview-transition)}.preview-tag:hover{border-color:rgba(65,72,104,.7);background:rgba(125,207,255,.06)}.preview-tag-green{color:var(--preview-green);border-color:rgba(158,206,106,.3)}.preview-filter-button,.preview-link-row,.preview-select-item{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;border:1px solid var(--preview-border-subtle);border-radius:var(--preview-radius-sm);background:var(--preview-surface-dark);color:var(--preview-text);padding:.75rem .8rem;text-align:left;transition:border-color var(--preview-transition),background var(--preview-transition)}.preview-link-row:hover,.preview-select-item:hover{border-color:var(--preview-border-active);background:rgba(122,162,247,.1);color:#ffffff}.preview-select-item.is-active{border-color:var(--preview-border-active);box-shadow:inset 3px 0 0 var(--preview-primary);background:rgba(122,162,247,.12);color:#ffffff}.preview-filter-button.is-active,.preview-filter-button:hover{border-color:var(--preview-primary);background:rgba(122,162,247,.12);color:#ffffff}.preview-link-body{display:grid;gap:.2rem;min-width:0}.preview-right-meta{justify-content:flex-end;color:var(--preview-muted);white-space:nowrap}.preview-subsection-head{color:var(--preview-primary);font-size:.84rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.preview-field{display:grid;gap:.45rem}.preview-input{width:100%;border:1px solid var(--preview-border-subtle);border-radius:var(--preview-radius-sm);background:var(--preview-surface-dark);color:var(--preview-text);font:inherit;padding:.8rem .9rem;transition:border-color var(--preview-transition),box-shadow var(--preview-transition)}.preview-input::placeholder{color:var(--preview-muted)}.preview-input:focus{outline:none;border-color:var(--preview-primary);box-shadow:none}.preview-filter-grid{display:flex;flex-wrap:wrap;gap:.55rem}.preview-filter-button{width:auto;font-size:.78rem;padding:.45rem .65rem;text-transform:uppercase}.preview-scroll{scrollbar-width:thin;scrollbar-color:var(--preview-border-subtle) transparent}.preview-scroll::-webkit-scrollbar{width:8px;height:8px}.preview-scroll::-webkit-scrollbar-thumb{border-radius:2px;background:var(--preview-border-subtle)}.preview-scroll::-webkit-scrollbar-thumb:hover{background:var(--preview-primary)}.preview-statusline,.preview-statusline a,.preview-statusline span{color:var(--preview-muted);font-size:.8rem}.preview-statusline-link{display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent;border-radius:.3rem;padding:.25rem .4rem;transition:border-color var(--preview-transition),background var(--preview-transition),color var(--preview-transition),box-shadow var(--preview-transition)}.preview-statusline-link:hover{border-color:var(--preview-border-subtle);background:rgba(122,162,247,.1);color:#ffffff}.preview-statusline-link.is-active{border-color:var(--preview-border-active);background:rgba(122,162,247,.15);color:var(--preview-primary)}.preview-statusline-mode{padding:.2rem .55rem;background:var(--preview-primary);color:var(--preview-background);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.preview-statusline-mode,.preview-statusline-segment{display:inline-flex;align-items:center;border-radius:.25rem}.preview-statusline-segment{gap:.4rem;padding:.2rem .5rem;background:rgba(0,0,0,.3);font-size:.75rem;color:var(--preview-muted)}.preview-skill-meter{display:inline-flex;align-items:center;position:relative;width:140px;height:18px;border-radius:2px;background:rgba(0,0,0,.35);border:1px solid var(--preview-border-subtle);overflow:hidden}.preview-skill-meter-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--preview-primary),var(--preview-accent));box-shadow:0 0 10px var(--preview-glow-primary);transition:width .6s cubic-bezier(.33,1,.68,1)}.preview-skill-meter-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--preview-text);text-shadow:0 1px 3px rgba(0,0,0,.6);letter-spacing:.03em}@keyframes preview-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes preview-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.preview-tool-embed{--primary:var(--preview-primary);--primary-hover:var(--preview-accent);--primary-muted:rgba(122,162,247,0.18);--primary-foreground:var(--preview-background);--gradient-start:var(--preview-primary);--gradient-end:var(--preview-accent);--gradient-start-rgb:122,162,247;--gradient-end-rgb:125,207,255;--background:var(--preview-background);--background-secondary:var(--preview-surface);--background-tertiary:var(--preview-surface-raised);--foreground:var(--preview-text);--foreground-muted:var(--preview-muted);--border:var(--preview-border);--border-focus:var(--preview-primary);--input:var(--preview-surface-dark);--input-focus:var(--preview-surface);--ring:var(--preview-primary);--ring-offset:var(--preview-surface);color:var(--preview-text)}.preview-tool-embed>.min-h-screen{min-height:auto;background:transparent}.preview-tool-embed>.min-h-screen .bg-grid,.preview-tool-embed>.min-h-screen>.fixed{display:none!important}.preview-tool-embed>.min-h-screen>.relative{max-width:none;margin:0;padding:0}.preview-tool-embed .glass-card{background:var(--preview-surface-dark)!important;border:1px solid var(--preview-border)!important;border-radius:var(--preview-radius-sm)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.preview-tool-embed .glass-card-glow:before{display:none}.preview-tool-embed .text-gradient{background:none;color:var(--preview-accent);-webkit-text-fill-color:currentColor}.preview-tool-embed input,.preview-tool-embed select,.preview-tool-embed textarea{border:1px solid var(--preview-border)!important;border-radius:var(--preview-radius-sm)!important;background:var(--preview-surface-dark)!important;color:var(--preview-text)!important;font-family:var(--font-preview-mono),"Cascadia Code",Menlo,Monaco,Consolas,monospace!important;font-size:.875rem!important}.preview-tool-embed input::placeholder,.preview-tool-embed textarea::placeholder{color:var(--preview-muted)!important}.preview-tool-embed input:focus,.preview-tool-embed select:focus,.preview-tool-embed textarea:focus{outline:none!important;border-color:var(--preview-primary)!important;box-shadow:none!important}.preview-tool-embed .btn,.preview-tool-embed [class*=Button],.preview-tool-embed button[class*=bg-]{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;border:none!important;border-radius:var(--preview-radius-sm)!important;background:var(--preview-primary)!important;color:var(--preview-background)!important;cursor:pointer!important;font-size:.84rem!important;font-weight:700!important;line-height:1!important;padding:.75rem .95rem!important;text-transform:uppercase!important;letter-spacing:.04em!important;transition:background var(--preview-transition),color var(--preview-transition),box-shadow var(--preview-transition)!important}.preview-tool-embed .btn:hover,.preview-tool-embed [class*=Button]:hover,.preview-tool-embed button:hover{background:#b4f9f8!important;color:var(--preview-background)!important;box-shadow:0 0 16px var(--preview-glow-accent)!important}.preview-tool-embed [variant=outline],.preview-tool-embed button[class*=outline]{background:var(--preview-surface-dark)!important;border:1px solid var(--preview-border)!important;color:var(--preview-accent)!important}.preview-tool-embed [variant=outline]:hover,.preview-tool-embed button[class*=outline]:hover{background:rgba(125,207,255,.12)!important;border-color:var(--preview-accent)!important;color:#ffffff!important}.preview-tool-embed button[class*=ghost]{background:transparent!important;border:none!important;color:var(--preview-muted)!important}.preview-tool-embed button[class*=ghost]:hover{background:rgba(122,162,247,.12)!important;color:#ffffff!important}.preview-tool-embed .text-sm,.preview-tool-embed [class*=Label],.preview-tool-embed label{color:var(--preview-primary)!important;font-size:.82rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}.preview-tool-embed .text-white\/40,.preview-tool-embed .text-white\/60,.preview-tool-embed [class*=text-white]{color:var(--preview-muted)!important}.preview-tool-embed .text-white\/80,.preview-tool-embed strong{color:var(--preview-text)!important}.preview-tool-embed h1,.preview-tool-embed h2,.preview-tool-embed h3{color:var(--preview-accent)!important;font-weight:700!important}.preview-tool-embed select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237aa2f7' d='M6 8L2 4h8z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75rem center!important;padding-right:2.5rem!important}.preview-tool-embed .bg-red-400\/10,.preview-tool-embed [class*=bg-red]{background:rgba(247,118,142,.12)!important;border:1px solid var(--preview-red)!important;border-radius:var(--preview-radius-sm)!important}.preview-tool-embed .text-red-400{color:var(--preview-red)!important}.preview-tool-embed .animate-spin{animation:preview-spin 1s linear infinite;color:var(--preview-primary)}.preview-tool-embed .bg-white\/5{background:var(--preview-surface-dark)!important;border:1px solid var(--preview-border)!important;border-radius:var(--preview-radius-sm)!important}.preview-tool-embed .bg-white\/5.border{background:var(--preview-surface-dark)!important;border:1px solid var(--preview-border)!important}.preview-tool-embed .bg-black\/40,.preview-tool-embed pre{background:#11131a!important;border:1px solid var(--preview-border)!important;border-radius:var(--preview-radius-sm)!important;padding:.9rem!important}.preview-tool-embed code:not(pre code){background:var(--preview-surface-dark)!important;border:1px solid var(--preview-border)!important;border-radius:.25rem!important;color:var(--preview-accent)!important;padding:.1rem .35rem!important}.preview-tool-embed a[href*=tools]{color:var(--preview-accent)!important}.preview-tool-embed a[href*=tools]:hover{color:#ffffff!important}.preview-tool-embed .text-sm,.preview-tool-embed .text-xs{color:var(--preview-muted)!important;font-size:.8rem!important}.preview-prose{display:grid;gap:1rem;color:var(--preview-text)}.preview-prose h1,.preview-prose h2,.preview-prose h3,.preview-prose h4{color:var(--preview-accent);font-size:1.2rem;font-weight:700;line-height:1.3;margin:0}.preview-prose h1{font-size:clamp(1.6rem,3vw,2.3rem)}.preview-prose h2{font-size:clamp(1.3rem,2.2vw,1.8rem);margin-top:1rem}.preview-prose h3{font-size:1.05rem;margin-top:.9rem}.preview-prose blockquote,.preview-prose li,.preview-prose p{color:var(--preview-text);margin:0}.preview-prose ol,.preview-prose ul{padding-left:1.3rem;margin:0}.preview-prose a{color:var(--preview-accent);text-decoration:underline;text-underline-offset:.15em}.preview-prose strong{color:#ffffff}.preview-prose code{border:1px solid var(--preview-border);border-radius:.25rem;background:var(--preview-surface-dark);color:var(--preview-accent);padding:.1rem .35rem}.preview-prose pre{overflow-x:auto;border:1px solid var(--preview-border);border-radius:var(--preview-radius-sm);background:#11131a;color:var(--preview-text);padding:.9rem;margin:0}.preview-prose pre code{border:none;background:transparent;color:inherit;padding:0}.preview-prose blockquote{border-left:2px solid var(--preview-primary);padding-left:.85rem;color:var(--preview-muted)}.preview-prose hr{border:none;border-top:1px solid var(--preview-border);margin:.5rem 0}.preview-prose .code-block-wrapper,.preview-tool-embed .code-block-wrapper{border:1px solid var(--preview-border);border-radius:var(--preview-radius-sm);overflow:hidden;margin:.5rem 0}.preview-prose .code-block-header,.preview-tool-embed .code-block-header{background:rgba(0,0,0,.3);border-bottom:1px solid var(--preview-border);padding:.4rem .75rem;font-size:.75rem;color:var(--preview-muted)}.preview-prose .code-block-wrapper pre,.preview-tool-embed .code-block-wrapper pre{margin:0!important;border:none!important;border-radius:0!important}.preview-prose .heading-anchor{color:var(--preview-muted)}.preview-prose .heading-anchor:hover{color:var(--preview-accent)}.preview-os .font-display{font-family:inherit}@media (max-width:900px){.preview-shell{padding:.75rem}.preview-content,.preview-session-grid{gap:.85rem}.preview-pane,.preview-statusline,.preview-topbar{border-radius:var(--preview-radius-sm)}.preview-topbar{gap:.5rem;padding:.65rem .8rem}.preview-workspace{padding:.35rem .55rem;gap:.35rem}.preview-topbar-end .preview-topbar-item:not(.preview-topbar-status),.preview-workspace>span:not(.preview-workspace-index){display:none}.preview-pane-body{padding:.8rem}.preview-pane-bar{padding:.55rem .7rem;gap:.5rem}.preview-info-row{grid-template-columns:1fr}.preview-info-value{justify-self:start;text-align:left}.preview-topbar-section:first-child{padding-left:0}.preview-topbar-section:first-child:before{display:none}.preview-skill-meter{width:100px}.preview-terminal-line{flex-wrap:wrap;gap:.35rem}.preview-statusline{gap:.4rem;padding:.55rem .75rem}.preview-statusline-link>span:first-child,.preview-statusline-segment:first-child,.preview-statusline-segment:nth-child(3){display:none}.preview-banner{font-size:clamp(.3rem,.72vw,.6rem)}.preview-button{padding:.6rem .8rem;font-size:.8rem}}@media (max-width:480px){.preview-shell{padding:.5rem}.preview-content,.preview-session-grid{gap:.65rem}.preview-topbar{padding:.5rem .6rem}.preview-topbar-pill{font-size:.72rem;padding:.3rem .5rem}.preview-pane-body{padding:.6rem}.preview-pane-bar,.preview-statusline{padding:.45rem .6rem}.preview-statusline-mode{font-size:.65rem;padding:.15rem .4rem}.preview-skill-meter{width:70px}.preview-button-row{flex-direction:column}.preview-button{width:100%;justify-content:center}.preview-banner{display:none}}