.pterm{border:1px solid var(--terminal-rule);background:var(--terminal-glass);backdrop-filter:blur(16px)saturate(1.1);width:min(920px,100%);min-width:0;max-width:100%;font-family:var(--font-reading);border-radius:20px;flex-direction:column;font-size:13px;line-height:1.5;display:flex;position:relative;overflow:hidden}.pterm-head{box-sizing:border-box;min-height:52px;color:var(--terminal-dim);background:linear-gradient(#c9e6f008,#0000);border-bottom:0;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:flex;position:relative}.pterm-mark{color:var(--terminal-fg);font-weight:600}.pterm-head-spacer,.pterm-control-spacer{flex:1}.pterm-head:has(.mux-mode-row){padding-block:0}.pterm-state:before{content:"";background:var(--terminal-dim);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.pterm[data-status=live] .pterm-state:before{background:#9ece6a}.pterm-screen{background:var(--terminal-bg);border:1px solid #c4deef12;border-radius:12px;order:2;min-width:0;min-height:clamp(160px,55svh,384px);margin-inline:12px;position:relative;overflow:hidden}.pterm-canvas-host{width:calc(100% - 16px);min-width:0;margin:8px auto}.pterm-canvas{image-rendering:pixelated;border-radius:6px;outline:none;margin:0 auto;display:block}.pterm-canvas:focus-visible{outline:1px solid var(--terminal-focus);outline-offset:-1px}.pterm:not([data-status=live]) .pterm-canvas-host{visibility:hidden;position:absolute}.pterm-poster{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pterm-overlay{min-height:inherit;box-sizing:border-box;place-items:center;padding:24px;animation:.16s ease-out both terminal-enter;display:grid;position:relative}.pterm-unlock,.pterm-retry{text-align:center;width:min(440px,100%)}.pterm-unlock h2{letter-spacing:-.035em;color:var(--terminal-fg);margin:0 0 12px;font-size:clamp(20px,3vw,28px);font-weight:600}.pterm-unlock p,.pterm-retry p{color:var(--terminal-muted);margin:0;line-height:1.65}.pterm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.pterm-overlay>.pterm-actions{grid-template-columns:1fr;margin:0}.pterm button,.pterm-canvas-host input{font:inherit;color:var(--terminal-fg);border:1px solid var(--terminal-rule);background:0 0;border-radius:10px}.pterm button{cursor:pointer;touch-action:manipulation;min-height:44px;padding:6px 12px;transition:background .12s,color .12s,border-color .12s}.pterm button:not(:disabled):hover{background:var(--terminal-raised);border-color:var(--terminal-dim)}.pterm button:disabled{opacity:.4;cursor:not-allowed}.pterm-actions button,.pterm-retry .pterm-launch{background:var(--terminal-fg);color:var(--terminal-bg);border-color:var(--terminal-fg)}.pterm-actions button:not(:disabled):hover,.pterm-retry .pterm-launch:hover{color:var(--terminal-bg);background:#d4d4d8}.pterm-actions .is-quiet{color:var(--terminal-muted);background:0 0;border-color:#0000;grid-column:1/-1}.pterm-actions .is-quiet:not(:disabled):hover{color:var(--terminal-fg);background:var(--terminal-surface);border-color:#0000}.pterm-retry .pterm-launch{margin-top:20px}.pterm-label{color:var(--terminal-muted);text-align:center;margin:0}.pterm-unlock .pterm-auth-error,.pterm-pane-status{color:var(--terminal-warning)}.pterm-unlock .pterm-auth-error{margin-top:12px}.pterm-standalone{min-height:44px;color:var(--terminal-dim);align-items:center;margin-top:8px;font-size:12px;text-decoration:underline;display:inline-flex}.pterm-pane-controls{background:0 0;flex-wrap:wrap;order:3;align-items:center;gap:4px;padding:4px 12px;display:flex}.pterm-pane-controls button,.pterm-controls button{border-color:#0000;font-size:12px}.pterm-pane-controls button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:44px;padding-inline:0;display:inline-flex}.pterm-pane-controls .pterm-split-primary{margin-right:4px;padding-inline:12px}.pterm-pane-icon{flex:none}.pterm-pane-count{color:var(--terminal-dim);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;padding-left:8px;font-size:11px}.pterm-pane-status{flex-basis:100%;padding:0 4px 4px;font-size:12px}.pterm-pane-status:empty{display:none}.pterm-controls{border-top:1px solid var(--terminal-rule);color:var(--terminal-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:8px;font-size:12px;display:flex}.pterm-info summary{min-width:44px;min-height:44px;color:var(--terminal-muted);cursor:pointer;align-items:center;padding:0 4px;font-size:12px;list-style:none;display:flex}.pterm-info summary::-webkit-details-marker{display:none}.pterm-info summary:after{content:"+";margin-left:10px}.pterm-info[open] summary:after{content:"−"}.pterm-info-body{z-index:4;box-sizing:border-box;backdrop-filter:blur(24px);background:#16232ef5;border:1px solid #ffffff20;border-radius:12px;width:min(380px,100% - 20px);max-height:min(420px,65dvh);padding:20px;position:absolute;top:calc(100% - 2px);right:10px;overflow:auto;box-shadow:0 16px 48px #0007,inset 0 1px #ffffff08}.pterm-facts{color:var(--terminal-muted);gap:10px;font-size:12px;display:grid}.pterm-facts>span{text-align:right;justify-content:space-between;gap:16px;display:flex}.pterm-facts b{text-align:left}.pterm-shortcuts{color:var(--terminal-muted);grid-template-columns:1fr 1fr;gap:12px;font-size:12px;display:grid}.pterm-facts b{color:var(--terminal-fg);margin-right:6px;font-weight:500}.pterm-info-note{color:var(--terminal-dim);margin:12px 0 0;font-size:12px;line-height:1.65}.pterm-shortcuts{margin-top:16px}.pterm-shortcuts kbd{font:11px var(--font-code);border:1px solid var(--terminal-rule);color:var(--terminal-fg);border-radius:3px;padding:2px 4px}.pterm-fallback{border-top:1px solid var(--terminal-rule);color:var(--terminal-warning);order:4;margin:0;padding:12px 16px;font-size:12px}.pterm-canvas-host :is(#phux-path-picker,.phux-find){border-bottom:1px solid var(--terminal-rule);color:var(--terminal-muted);padding:8px 14px;font-size:12px}.pterm-canvas-host :is(.phux-find,.phux-path-panel){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pterm-canvas-host :is(.phux-find,.phux-path-panel)[hidden]{display:none}.pterm-canvas-host input{background:var(--terminal-surface);min-width:0;max-width:100%;padding:6px 8px}.pterm .phux-path-fallback{margin-left:8px}.pterm .phux-path-panel{padding-top:10px}.pterm .phux-path-panel label{flex-direction:column;gap:4px;display:flex}.pterm .phux-path-results{flex-direction:column;align-items:start;gap:4px;width:100%;max-height:180px;display:flex;overflow:auto}.pterm .phux-path-status{width:100%}.pterm-keys{order:3;display:none}@media (pointer:coarse),(width<=600px){.pterm-keys{border-top:1px solid var(--terminal-rule);grid-template-columns:repeat(8,minmax(44px,1fr));gap:4px;padding:6px;display:grid;overflow-x:auto}.pterm-keys button{-webkit-user-select:none;user-select:none;min-width:44px;padding:0}.pterm-keys button[aria-pressed=true]{color:var(--terminal-bg);background:var(--terminal-fg)}}@media (width<=600px){.pterm-head{gap:2px;padding-inline:8px;font-size:11px}.pterm-head .pterm-mark{display:none}.pterm-head:has(.mux-mode-row) .pterm-state{font-size:0}.pterm-head:has(.mux-mode-row) .pterm-state:before{margin-right:3px}.pterm-head:has(.mux-mode-row) .pterm-state{width:8px;overflow:hidden}.pterm-head:has(.mux-mode-row) .pterm-state:after{content:none}.pterm-head .mux-mode-row button{padding-inline:8px}.pterm-head .mux-close{padding:0}.pterm-head .pterm-info summary:after{margin-left:4px}.pterm-keys{grid-template-columns:repeat(4,minmax(44px,1fr))}.pterm-overlay{padding:24px 16px}.pterm-actions{grid-template-columns:1fr}.pterm-pane-controls{gap:2px;padding-inline:6px}.pterm-pane-controls .pterm-split-primary{gap:6px;margin-right:2px;padding-inline:8px}.pterm-pane-count{padding-left:2px}.pterm-pane-count-label{display:none}}@keyframes terminal-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pterm-overlay{animation:none}.pterm button{transition:none}}.pterm button.pterm-split-primary{color:var(--terminal-muted);background:0 0;border-color:#0000;font-weight:500}.pterm button.pterm-split-primary:not(:disabled):hover{background:var(--terminal-raised);color:var(--terminal-fg);border-color:#0000}.pterm button:focus-visible,.pterm summary:focus-visible{outline:2px solid var(--terminal-focus);outline-offset:-2px}.pterm-timer{font-variant-numeric:tabular-nums}.pterm-head .mux-mode-row button,.pterm-head .mux-close{color:var(--terminal-muted);background:0 0;border-color:#0000}.pterm-head .mux-mode-row button{font-size:12px}.pterm-head .mux-mode-row button[aria-pressed=true]{color:var(--terminal-fg);background:var(--terminal-raised);border-color:#0000;box-shadow:inset 0 1px #ffffff09}.pterm-head .mux-close{font-size:20px}.pterm-head .mux-mode-row button:not(:disabled):hover,.pterm-head .mux-close:not(:disabled):hover{background:var(--terminal-raised);color:var(--terminal-fg)}.pterm button:not(:disabled):active{box-shadow:inset 0 1px 3px #0003}.pterm-pane-controls button:not(:disabled):active{border-color:var(--terminal-focus)}.pterm-info summary:hover{color:var(--terminal-fg)}.pterm-info-body{animation:.18s ease-out both terminal-enter}.pterm[data-status=checking] .pterm-overlay>.pterm-label,.pterm[data-status=connecting] .pterm-overlay>.pterm-label{justify-items:center;gap:16px;display:grid}.pterm[data-status=checking] .pterm-overlay>.pterm-label:before,.pterm[data-status=connecting] .pterm-overlay>.pterm-label:before{content:"";border:1.5px solid var(--terminal-rule);border-top-color:var(--terminal-muted);border-radius:50%;width:20px;height:20px;animation:1s linear infinite terminal-wait}@keyframes terminal-wait{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pterm-info-body,.pterm:is([data-status=checking],[data-status=connecting]) .pterm-overlay>.pterm-label:before{animation:none}}