:root{--library-width:304px;--sidebar-width:208px}
.titlebar{height:54px}.app-layout{height:calc(100dvh - 54px);grid-template-columns:var(--sidebar-width) minmax(300px,1fr) var(--library-width)}.sidebar{padding-top:20px}.workspace{padding-bottom:20px}.primary-nav{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:21px}.primary-nav .sidebar-item{margin-bottom:3px}.sidebar-item{font-size:11px;min-height:34px;padding-top:8px;padding-bottom:8px}.section-label{font-size:8px;letter-spacing:1.6px}.collections-label{margin-top:25px}.local-note{display:none}.sidebar-appearance{color:#777780;font-size:10px;justify-content:flex-start;padding:14px 5px 0;gap:8px}.sidebar-appearance svg{width:14px;height:14px}.sidebar-footer{padding-top:15px}.terminal-workspace{padding:0}.terminal-stage{height:100%;display:flex;flex-direction:column;min-width:0;min-height:0}.workspace-heading{height:49px;padding:0 15px;flex-shrink:0;border-bottom:1px solid var(--line);gap:5px}.workspace-heading .eyebrow{display:none}.workspace-heading h1{font-size:12px;letter-spacing:0;font-weight:500;margin:0;color:#b5b4bc}.heading-dot{display:none}.workspace-heading #clear-terminal{margin-left:auto;align-self:center;padding-bottom:7px}.workspace-heading #clear-terminal>span:last-child{display:none}.terminal-tools{display:flex;gap:2px;align-items:center}.terminal-tools .icon-button{height:27px;width:27px}.terminal-tools svg{width:15px;height:15px}.terminal-tools #split-rows svg{transform:rotate(90deg)}.terminal-tools .tool-active{color:var(--orange);background:#ff5c3510}.terminal-card{border:0;border-radius:0;background:#0f0f11}.tabbar{height:38px}.tab{font-size:10px;min-width:126px;max-width:200px}.tab-name{max-width:125px}.terminal-context{height:32px;padding:0 16px;font-size:9px}.terminal-shell{font-size:8px}.workspace-bottom{height:28px;border-top:1px solid var(--line);padding:0 14px;background:#111113;font-size:8px}.workspace-bottom kbd{font-size:8px}.library-panel{padding-top:21px;position:relative}.library-heading{margin-bottom:19px}.library-heading .eyebrow{font-size:8px}.library-heading h2{font-size:18px;margin-top:6px}.add-button{width:27px;height:27px}.snippet-card{padding:12px 11px 8px;margin-bottom:9px;border-radius:8px}.snippet-header h3{font-size:11px}.snippet-description{font-size:9px}.snippet-command{font-size:10px;padding:8px;margin-top:10px}.library-filter{margin-top:16px}.library-help{padding-top:12px;padding-bottom:12px;font-size:9px}.library-resizer{position:absolute;top:0;bottom:0;left:-4px;width:7px;z-index:4;cursor:col-resize}.library-resizer:hover,.library-resizer:focus-visible{background:#ff5c3540}.resizing,.resizing *{cursor:col-resize!important;user-select:none!important}.no-library .app-layout{grid-template-columns:var(--sidebar-width) minmax(300px,1fr)}.palette-trigger{font-size:11px}.palette-trigger kbd{margin-left:14px}.titlebar-right>#quick-search{display:none}#terminals{margin:6px 10px 10px;display:grid;gap:8px;min-height:0;overflow:hidden}.terminal-view{position:relative;inset:auto;min-width:0;min-height:0;overflow:hidden;display:none;border:1px solid transparent;border-radius:6px}.terminal-view.pane-visible{display:flex;flex-direction:column}.terminal-surface{flex:1;min-height:0;min-width:0;overflow:hidden;padding:9px 7px 0}.pane-caption{display:none;height:30px;align-items:center;gap:6px;padding:0 8px;background:#19191c;color:#85858e;font-size:10px;flex-shrink:0}.pane-caption>svg{width:12px;height:12px}.pane-caption .pane-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-caption .icon-button{width:21px;height:21px}.pane-caption .icon-button svg{width:12px;height:12px}#terminals:not([data-layout=focus]) .pane-caption{display:flex}#terminals:not([data-layout=focus]) .terminal-view{border-color:#2a2a30}#terminals:not([data-layout=focus]) .terminal-view.active{border-color:#674134}#terminals:not([data-layout=focus]) .terminal-view.active .pane-caption{color:#d2c5bd}#terminals[data-layout=columns]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}#terminals[data-layout=rows]{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr)}#terminals[data-layout=grid]{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}#terminals[data-count="1"]{grid-template-columns:minmax(0,1fr)}.focus-workspace .app-layout{grid-template-columns:1fr}.focus-workspace .sidebar,.focus-workspace .library-panel{display:none}.focus-workspace .titlebar-right #toggle-library{visibility:hidden}.terminal-find{height:43px;background:#1b1b1e;display:flex;align-items:center;gap:7px;padding:7px 12px;border-bottom:1px solid #333339;flex-shrink:0}.terminal-find>svg{width:14px;height:14px;color:#92929c}.terminal-find input{flex:1;min-width:70px;border:0;background:transparent;color:#e0dfe3;font-size:12px}.find-status{color:#92929b;font-size:10px;white-space:nowrap}.terminal-find .icon-button{height:25px;width:25px}.terminal-find .icon-button:nth-last-child(3) svg{transform:rotate(180deg)}
.hosts-view{padding:30px 25px;overflow-y:auto;min-height:0;height:100%;scrollbar-width:thin;scrollbar-color:#303036 transparent}.hosts-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:26px}.hosts-heading h1{font-size:27px;font-weight:550;letter-spacing:-.9px;margin-top:8px}.hosts-heading-buttons{display:flex;gap:8px}.hosts-heading-buttons button{font-size:10px;padding:9px 11px}.hosts-search{max-width:600px;margin-bottom:24px}.hosts-search input{font-size:12px}.host-groups{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.host-group{border:1px solid #303035;border-radius:7px;background:#17171a;padding:9px 11px;gap:8px;font-size:11px;color:#92929e}.host-group svg{width:14px;height:14px}.host-group small{color:#676773;font-size:10px}.host-group.active{border-color:#654132;background:#2b201c;color:#e3b59d}.host-group.active svg{color:var(--orange)}.hosts-list-label{display:flex;justify-content:space-between;color:#6e6e7a;font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:11px}.host-card{padding:17px 13px;background:#171719;border:1px solid #2a2a2f;border-radius:9px;display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;transition:border-color .12s}.host-card:hover{border-color:#4b4442}.host-card.selected{border-color:#a46345;background:#1e1a18}.host-card:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.host-avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#282325;color:#baaaa1;border:1px solid #3b3230;border-radius:9px;flex-shrink:0}.host-avatar.orange{background:#37241c;color:#f1a07b;border-color:#503023}.host-avatar.blue{background:#1f2c3a;color:#8cb8e8;border-color:#2c425b}.host-avatar.green{background:#1d2e29;color:#9bbf9f;border-color:#314b3a}.host-avatar.purple{background:#2c233b;color:#bba2da;border-color:#473557}.host-avatar.large{width:51px;height:51px;border-radius:13px;margin:30px 0 17px}.host-avatar.large svg{width:24px;height:24px}.host-card-info{flex:1;min-width:0}.host-card-info h3{font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-card-info p{font:9px var(--mono);margin-top:7px;color:#777783;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-tag{display:inline-block;margin-top:10px;font-size:9px;color:#8f8990;background:#232125;padding:3px 5px;border-radius:3px}.host-card-actions{display:flex;flex-direction:column;gap:3px}.host-card-actions .icon-button{width:23px;height:23px}.host-card-actions svg{width:13px;height:13px}.local-host{grid-column:1/-1;margin-bottom:8px;background:#121214;padding:14px}.local-host .host-card-info p{font-family:inherit;font-size:10px}.hosts-empty{grid-column:1/-1;text-align:center;padding:50px 20px;color:#797985}.hosts-empty>svg{width:30px;height:30px;color:#aa8b79;margin-bottom:20px}.hosts-empty h3{font-size:17px;font-weight:500;color:#c4c0bd;margin-bottom:10px}.hosts-empty p{font-size:12px;line-height:1.8;max-width:350px;margin:0 auto 23px}.hosts-screen #library-panel>:not(.host-inspector):not(.library-resizer){display:none}.host-inspector{height:100%;overflow-y:auto;padding:6px 0 20px}.inspector-empty{padding:65px 10px 0;color:#71717e}.inspector-empty>svg{width:26px;height:26px;color:#a48879;margin-bottom:22px}.inspector-empty h2{font-size:20px;font-weight:500;color:#d0c7c0;letter-spacing:-.5px;line-height:1.4;margin-bottom:14px}.inspector-empty p{font-size:12px;line-height:1.9}.inspector-title{font-size:23px;font-weight:500;letter-spacing:-.6px;overflow-wrap:anywhere;margin-bottom:28px}.inspector-row{padding:14px 0;border-bottom:1px solid #27272c;display:flex;flex-direction:column;gap:8px}.inspector-row>span{font-size:10px;color:#777783}.inspector-row strong{font-size:12px;font-weight:450;overflow-wrap:anywhere}.inspector-description{font-size:11px;line-height:1.8;color:#8e8690;margin:20px 0}.host-inspector>.primary-button{margin-top:28px}.host-inspector>.quiet-button{margin-top:12px}.inspector-note{font-size:10px;line-height:1.8;color:#676773;margin-top:26px}select{display:block;width:100%;margin-top:8px;background:#101012;color:#d4d3d9;border:1px solid #343439;border-radius:7px;padding:10px 9px;font-size:12px;outline:0}.form-row>label{flex:1;min-width:0}.form-row>.port-field{flex:0 0 80px}.key-picker{display:flex;align-items:center;gap:8px;background:#111113;border:1px solid #303036;padding:8px 9px;border-radius:7px;margin:-6px 0 12px}.key-picker>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#92929d;font-size:11px}.key-picker button{font-size:10px;padding:6px 8px}.key-note{margin-top:0}.appearance-preview{padding:20px;background:#101012;border:1px solid #303036;border-radius:8px;font:14px var(--mono);color:#d8d1c8;margin-bottom:25px}.appearance-preview>span:first-child{color:#9bbd97}.appearance-preview b{color:#d8a98e;font-weight:400}.preview-muted{color:#82828e}.preview-cursor{color:var(--orange)}.appearance-check{padding-top:0;justify-content:flex-start;margin-bottom:24px}
#palette-dialog{width:600px;padding:0;border-radius:12px;align-self:flex-start;margin-top:14dvh}.palette-input{height:64px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #333338}.palette-input>span{display:flex;color:var(--orange)}.palette-input input{background:none;border:0;color:#e2dfdb;font-size:14px;flex:1;min-width:0;box-shadow:none!important}.palette-input kbd{font-size:9px}.palette-result{display:flex;align-items:center;padding:12px 15px;gap:13px;text-align:left;justify-content:flex-start;border-radius:7px;width:100%;color:#a1a1ac}.palette-result>span{min-width:0;flex:1}.palette-result strong{font-size:12px;font-weight:500;display:block;color:#d8d4d0}.palette-result small{font:10px var(--mono);margin-top:6px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#74747f}.palette-result>svg:last-child{width:13px;height:13px;opacity:0;color:var(--orange)}.palette-result.selected{background:#292422}.palette-result.selected>svg:last-child{opacity:1}#palette-results{padding:8px;max-height:47dvh;overflow:auto;scrollbar-width:thin}.palette-footer{border-top:1px solid #303036;display:flex;gap:20px;padding:12px 18px;font-size:9px;color:#74747f}.palette-footer>span:last-child{margin-left:auto}.workspace-template{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #2d2d32}.workspace-template>div{flex:1;min-width:0}.workspace-template strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.workspace-template small{color:#777784;font-size:10px;display:block;margin-top:7px}#save-current-workspace{margin-top:20px}
@media(max-width:1150px) and (min-width:761px){:root{--sidebar-width:176px;--library-width:280px}.app-layout{grid-template-columns:var(--sidebar-width) minmax(280px,1fr) var(--library-width)}.hosts-view{padding:25px 18px}.hosts-heading{align-items:flex-start}.hosts-heading-buttons{flex-direction:column;align-items:flex-end}.hosts-heading h1{font-size:25px}.sidebar .workspace strong{font-size:10px}.no-library .app-layout{grid-template-columns:var(--sidebar-width) minmax(280px,1fr)}.workspace-heading h1{font-size:10px}.workspace-heading{padding:0 10px}.terminal-tools{gap:0}.terminal-tools .icon-button{width:24px}.titlebar-right .palette-trigger span{display:none}}
@media(max-width:760px){.titlebar,.web .titlebar{height:57px}.app-layout,.no-library .app-layout{height:calc(var(--app-height,100dvh) - 119px - env(safe-area-inset-bottom));display:block}.terminal-workspace{padding:0;height:100%}.workspace-heading{height:43px;padding:0 10px}.workspace-heading h1{font-size:10px}.terminal-tools .icon-button{width:26px;height:27px}.workspace-heading #clear-terminal{display:none}.terminal-tools #appearance-button{display:none}.terminal-card{border-radius:0}.workspace-bottom{height:24px;font-size:8px}.terminal-context{padding:0 12px;height:30px}#terminals{margin:3px 5px 7px}.terminal-surface{padding:5px 4px 0}.titlebar-right .palette-trigger{display:none}.library-panel{padding-top:23px}.library-heading h2{font-size:25px}.snippet-card{padding:16px}.snippet-header h3{font-size:14px}.snippet-description{font-size:12px}.snippet-command{font-size:12px;padding:12px}.library-help{font-size:10px}.mobile-nav button{font-size:8px}.mobile-nav svg{width:18px;height:18px}.library-resizer{display:none}.hosts-view{padding:23px 17px}.hosts-heading{margin-bottom:20px;gap:10px}.hosts-heading h1{font-size:27px}.hosts-heading .eyebrow{font-size:8px}.hosts-heading-buttons{flex-direction:column;gap:6px}.hosts-heading-buttons button{padding:8px 10px;font-size:9px}.hosts-search input{font-size:14px}.host-groups{flex-wrap:nowrap;overflow:auto;margin-bottom:23px;padding-bottom:3px}.host-group{padding:9px;font-size:10px}.host-grid{grid-template-columns:1fr}.host-card{padding:17px 12px}.host-card-info h3{font-size:13px}.host-card-info p{font-size:11px}.host-card-actions{flex-direction:row}.host-card-actions .icon-button{width:28px;height:28px}.hosts-empty{padding:35px 10px}.hosts-screen .library-panel{display:none}.hosts-screen .terminal-workspace{display:flex}.hosts-screen .mobile-nav #mobile-snippets{color:#7d7d88}#terminals[data-layout=columns],#terminals[data-layout=grid]{grid-template-columns:1fr;grid-auto-rows:minmax(0,1fr)}#terminals:not([data-layout=focus]) .pane-caption{height:26px;font-size:9px}.focus-workspace .app-layout{display:block}.focus-workspace .library-panel{display:none}.host-card.selected{border-color:#674134}label>select{font-size:16px}.form-row>.port-field{flex-basis:75px}.palette-input input{font-size:16px}.palette-input{padding:0 14px}.palette-result{padding:14px 10px}.palette-result strong{font-size:13px}.palette-result small{font-size:10px}#palette-dialog{margin-top:9dvh;max-height:75dvh}#palette-results{max-height:45dvh}.find-status{font-size:9px}.terminal-find{padding-left:8px;padding-right:5px;gap:4px}.terminal-find input{font-size:12px}.terminal-find .icon-button{width:22px}}
.sidebar{scrollbar-width:thin;scrollbar-color:#35353c transparent}.workspace>div:nth-child(2){min-width:0}.workspace strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pane-resizer{display:none;position:absolute;z-index:3;touch-action:none;border-radius:3px}.pane-resizer:hover,.pane-resizer:focus-visible{background:#ff5c3530}#terminals[data-count="2"][data-layout=columns]{grid-template-columns:minmax(0,var(--split-ratio,50%)) minmax(0,1fr)}#terminals[data-count="2"][data-layout=columns]>.pane-resizer{display:block;left:var(--split-ratio,50%);top:0;bottom:0;width:7px;cursor:col-resize}#terminals[data-count="2"][data-layout=rows]{grid-template-rows:minmax(0,var(--split-ratio,50%)) minmax(0,1fr)}#terminals[data-count="2"][data-layout=rows]>.pane-resizer{display:block;top:var(--split-ratio,50%);left:0;right:0;height:7px;cursor:row-resize}@media(max-width:760px){#terminals[data-count="2"][data-layout=columns]{grid-template-columns:1fr}#terminals[data-count="2"]>.pane-resizer{display:none!important}}
/* Snippet library: names and actions only; full content stays in the editor. */
.snippet-card{display:flex;align-items:center;gap:6px;min-height:44px;padding:7px 8px 7px 11px;margin-bottom:5px;border:1px solid #27272c;border-radius:6px;background:#151517}.snippet-card>h3{flex:1;min-width:0;font-size:11px;font-weight:500;margin:0}.snippet-title{display:block;max-width:100%;padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit;color:#cfccd0;line-height:1.7}.snippet-title:hover{color:#f2eeea}.snippet-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.snippet-actions .icon-button{width:23px;height:25px;padding:0;margin:0;color:#73737f}.snippet-actions svg{width:13px;height:13px}.snippet-actions .icon-button:hover{color:#d3b4a4;background:#ffffff08}.snippet-actions .insert-button svg{color:#da8869}.snippet-actions .insert-button:hover{background:#ff5c3510}@media(max-width:760px){.snippet-card{min-height:51px;padding:8px 10px 8px 13px;margin-bottom:6px}.snippet-card>h3{font-size:13px}.snippet-actions{gap:4px}.snippet-actions .icon-button{width:30px;height:32px}.snippet-actions svg{width:15px;height:15px}}
.snippet-actions .run-button{color:#f19773;border-radius:5px}.snippet-actions .run-button svg{width:14px;height:14px;fill:currentColor;stroke-width:1}.snippet-actions .run-button:hover{color:#ffae88;background:#ff5c3514}.snippet-actions .run-button:disabled{opacity:.3;cursor:default}.snippet-actions .run-button:disabled:hover{background:none}.library-help>span{display:flex;color:#ad7963;padding-top:3px}.library-help>span svg{width:12px;height:12px}
/* Keep category selection and creation together in the right-hand library. */
.snippet-category-tabs{display:flex;flex-wrap:nowrap;gap:6px;flex-shrink:0;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#51413a transparent;margin:0 0 16px;padding:2px 1px 5px}
.snippet-category-tab{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:5px;max-width:100%;min-height:29px;padding:6px 9px;border:1px solid #2c2c32;border-radius:6px;background:#18181b;color:#85858f;font-size:10px;line-height:1.4}
.snippet-category-tab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snippet-category-tab>svg{width:12px;height:12px;flex-shrink:0}
.snippet-category-tab:hover{border-color:#494047;background:#211e1e;color:#d5c6bb}
.snippet-category-tab.active{border-color:#714330;background:#302019;color:#f0ac8b}
.snippet-category-tab.active>svg{color:#f0ac8b}
.snippet-category-tab:focus-visible{outline:2px solid #ff704a;outline-offset:2px}
.library-panel .library-filter{margin-top:14px;margin-bottom:11px}
@media(max-width:760px){.snippet-category-tabs{gap:7px;margin-bottom:17px}.snippet-category-tab{min-height:34px;padding:7px 11px;font-size:11px}.snippet-category-tab>svg{width:13px;height:13px}}