@font-face{font-family:'Symbols Nerd Font Mono';font-display:block;src:url('/static/SymbolsNerdFontMono-Regular.woff2') format('woff2')}
.connector-list{display:flex;flex-direction:column;gap:12px;max-width:760px}.connector-card{display:flex;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.connector-card.connected{border-color:rgba(58,102,68,.4)}.connector-icon{width:44px;height:44px;border-radius:12px;background:#18100a;color:#faf7f0;display:grid;place-items:center;font-size:20px;flex:none}.connector-copy{flex:1;min-width:0}.connector-name{font-weight:600;font-size:16px}.connector-line{color:var(--ink-2);font-size:14px;margin:2px 0 4px;overflow-wrap:anywhere}.connector-state{font:12px 'JetBrains Mono',monospace;color:var(--ink-3)}.connector-state.connected{color:var(--green)}
.tool-button{border:1px solid var(--border);border-radius:8px;padding:7px 11px;background:var(--surface-2);color:var(--ink);font:600 13px 'DM Sans',sans-serif;cursor:pointer;text-decoration:none}.tool-button:hover{border-color:var(--ink-3);background:#fff}.tool-button.primary{background:var(--green);border-color:var(--green);color:#fff}.tool-button.danger{color:var(--terra)}
.tool-button.icon-button{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;font-size:16px}.tool-button.icon-button:hover{color:var(--green);transform:translateY(-1px)}
.app-detail .detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.detail-identity{display:flex;align-items:center;gap:14px;min-width:0}.detail-emoji{font-size:38px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.detail-side{display:flex;flex-direction:column;gap:12px}.detail-card{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:15px 17px}.detail-card h2{font-size:14px;margin:0 0 10px}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px}.detail-row>span:first-child{color:var(--ink-3);flex:none}.detail-row code,.detail-mono{font:12px 'JetBrains Mono',monospace;text-align:right;overflow-wrap:anywhere}.private-card{display:flex;gap:12px}.private-icon{font-size:22px}.keeper-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.keeper-row select{border:1px solid var(--border);border-radius:8px;padding:6px;background:white}.app-back{display:inline-block;margin-bottom:12px;color:var(--ink-2);text-decoration:none}.app-back:hover{color:var(--green)}
.terminal-drawer{position:fixed;left:272px;right:0;bottom:0;height:42vh;z-index:70;background:#1a1612;display:none;flex-direction:column;border-top:1px solid #3a2e24;box-shadow:0 -12px 30px rgba(0,0,0,.25)}.terminal-open .terminal-drawer{display:flex}.terminal-grip{height:6px;cursor:ns-resize;flex:none}.terminal-grip:hover{background:rgba(201,139,42,.35)}.terminal-bar{display:flex;align-items:center;gap:10px;padding:4px 12px 6px;color:#e8e0d4;font:12px 'JetBrains Mono',monospace}.terminal-bar .state{color:#9a8878}.terminal-bar .state.on{color:#7bbf8a}.terminal-actions{margin-left:auto;display:flex;gap:6px}.terminal-button{color:#e8e0d4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:3px 8px;text-decoration:none;cursor:pointer}.terminal-button:hover{background:rgba(255,255,255,.12)}.terminal-body{flex:1;min-height:0;padding:0 0 6px 10px}.terminal-body .xterm{height:100%}.terminal-open main{padding-bottom:44vh}
.terminal-only{margin:0;height:100dvh;overflow:hidden;background:#1a1612;color:#e8e0d4;display:flex;flex-direction:column;font-family:'JetBrains Mono',monospace}.terminal-only header{height:42px;display:flex;gap:18px;align-items:center;padding:0 12px;border-bottom:1px solid #3a2e24}.terminal-only header a{color:#e8e0d4}.terminal-only #terminal-status{margin-left:auto;color:#9a8878}.terminal-only #standalone-terminal{flex:1;min-height:0;padding:8px}
@media(max-width:1000px){.detail-grid{grid-template-columns:1fr}}@media(max-width:900px){.terminal-drawer{left:0;height:55vh}}@media(max-width:620px){.connector-card{flex-wrap:wrap}.connector-card .tool-button{width:100%;text-align:center}.app-detail .detail-header{align-items:stretch;flex-direction:column}.detail-actions>*{flex:1;text-align:center}.detail-row{align-items:flex-start}.terminal-open main{padding-bottom:57vh}}