@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #f5f7fa;--panel: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #e5e7eb;--primary: #111827;--primary-hover: #030712;--danger: #b91c1c;--danger-bg: #fef2f2;--ok: #065f46;--ok-bg: #ecfdf5}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}.page-shell{width:min(860px,100%);margin:0 auto;padding:28px 16px 40px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.brand{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}h1{margin:6px 0;font-size:30px}h2,h3,legend{margin:0}.top-actions{display:flex;gap:8px}.card{border:1px solid var(--border);border-radius:14px;background:var(--panel)}.auth-card,.app-card{padding:18px}.landing{display:grid;gap:16px;justify-items:center}.hero{text-align:center;max-width:760px;padding:8px 0}.hero-mark{margin:0;font-size:34px}.hero-title{margin:10px 0 8px;font-size:clamp(34px,7vw,62px);line-height:1.12;letter-spacing:-.02em}.hero-sub{margin:0;color:var(--muted);font-size:20px;line-height:1.55}.auth-card{width:min(760px,100%)}.auth-inline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.auth-note{margin:10px 0 0;color:var(--muted);text-align:center}.form-grid{margin-top:12px;display:grid;gap:12px}fieldset{border:1px solid var(--border);border-radius:12px;padding:10px;display:grid;gap:10px;background:#fafafa}legend{padding:0 4px;font-size:13px;color:#4b5563}label{display:grid;gap:6px;font-size:14px;color:#374151}.inline-check{grid-template-columns:auto 1fr;gap:8px;align-items:center}.inline-check input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;padding:0;accent-color:#111827}input,select{width:100%;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:var(--text);padding:10px 12px;font-size:14px;outline:none}input:focus,select:focus{border-color:#9ca3af}input:disabled,select:disabled{opacity:.6}.btn{border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn.ghost{background:#fff;color:#374151;border:1px solid #d1d5db}.btn.ghost:hover{background:#f9fafb}.btn.danger{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.btn.danger:hover{background:#fee2e2}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.alert{border-radius:10px;border:1px solid;padding:10px 12px;margin-bottom:12px;font-size:14px}.alert-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}.alert-ok{border-color:#a7f3d0;background:var(--ok-bg);color:var(--ok)}.hint{margin:0;color:var(--muted)}.account-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--border)}.stack{margin-top:14px;display:grid;gap:12px}.instance-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:start}.instance-main{display:grid;gap:12px}.feature-panel{border:1px solid var(--border);border-radius:10px;background:#fafafa;padding:12px}.feature-panel h3{margin:0 0 10px}.feature-actions{display:grid;gap:8px}.feature-actions .btn{width:100%;justify-content:flex-start}.feature-actions .link{width:100%}.channel-form{display:grid;gap:10px}.channel-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;padding:16px;display:grid;place-items:center;background:#1118275c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.channel-modal{width:min(680px,100%);max-height:min(86vh,760px);overflow:auto;padding:14px;border-radius:14px;box-shadow:0 20px 50px #0f172a38}.channel-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.channel-tab-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.channel-tab{border:1px solid #d1d5db;border-radius:999px;background:#fff;color:#374151;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer}.channel-tab.active{color:#111827;border-color:#111827;background:#f9fafb}.channel-modal .channel-form{margin-top:12px}.channel-inline-alert{margin:0}.channel-block{border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px;display:grid;gap:8px}.channel-block .value{margin:0;font-size:14px}.channel-block-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.channel-actions{display:grid;gap:8px}.channel-actions .btn{width:100%}.empty-actions,.action-row{display:flex;flex-wrap:wrap;gap:10px}.create-guide{border:1px solid var(--border);border-radius:10px;background:#fafafa;padding:12px;display:grid;gap:10px}.create-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:16px;background:#11182752;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.create-overlay-card{width:min(460px,100%);padding:18px;border-radius:14px;box-shadow:0 18px 46px #0f172a33}.create-spinner{width:30px;height:30px;border-radius:999px;border:3px solid #d1d5db;border-top-color:#111827;display:inline-block;animation:spin .9s linear infinite}.create-overlay-title{margin:12px 0 0;font-size:20px;font-weight:700;color:#111827}.create-overlay-sub{margin:8px 0 0;color:#4b5563;line-height:1.6}.create-steps{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.create-step{border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:14px;color:#6b7280;background:#f9fafb}.create-step.active{color:#111827;border-color:#d1d5db;background:#fff}.model-mode-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card{display:flex;align-items:flex-start;gap:10px;border:1px solid #d1d5db;border-radius:10px;padding:12px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.mode-card:hover{border-color:#9ca3af}.mode-card.active{border-color:#111827;background:#f9fafb;box-shadow:0 0 0 2px #11182714}.mode-card input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:16px;height:16px;min-width:16px;flex:0 0 auto;margin-top:2px;padding:0;accent-color:#111827}.mode-card-main{display:grid;gap:4px;min-width:0}.mode-title{font-size:14px;font-weight:600;color:#111827;line-height:1.4}.mode-desc{font-size:13px;color:#6b7280;line-height:1.5}.custom-model-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.instance-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;border:1px solid;font-size:12px;font-weight:700}.status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status.running{color:#166534;background:#f0fdf4;border-color:#86efac}.status.stopped{color:#92400e;background:#fffbeb;border-color:#fde68a}.simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.simple-item{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fafafa}.label{margin:0;font-size:12px;color:var(--muted)}.value{margin:6px 0 0;font-size:15px;font-weight:600}.link{text-decoration:none;display:inline-flex;align-items:center}.terminal-card{width:min(760px,100%);overflow:hidden}.terminal-head{padding:10px 12px;border-bottom:1px solid var(--border);background:#fafafa;display:flex;align-items:center;gap:10px}.lights{display:inline-flex;gap:7px}.light{width:10px;height:10px;border-radius:50%;display:inline-block}.light.red{background:#f87171}.light.yellow{background:#fbbf24}.light.green{background:#4ade80}.terminal-body{padding:12px;font-size:14px;color:#111827}.terminal-body p{margin:0 0 8px}.terminal-body p:last-child{margin-bottom:0}.details-box{border-top:1px dashed var(--border);padding-top:10px}.details-box summary{cursor:pointer;font-weight:600;color:#374151}.mono-text{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.break-text{word-break:break-all;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 860px){h1{font-size:24px}.topbar{flex-direction:column}.simple-grid,.instance-layout{grid-template-columns:1fr}.hero-sub{font-size:17px}.auth-inline,.custom-model-form,.model-mode-row{grid-template-columns:1fr}.create-overlay-card{padding:16px}.create-overlay-title{font-size:18px}.channel-modal{width:100%;max-height:90vh;padding:12px}.channel-tab-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}