:root{color-scheme:dark;--bg: #0f1115;--panel: #15181e;--panel-2: #1b1f26;--line: #252a33;--text: #e8e6e3;--muted: #8b919c;--faint: #5d636e;--accent: #f2a23a;--accent-soft: rgba(242, 162, 58, .14);--radius: 12px;--sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-columns:288px minmax(0,1fr);height:100dvh}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:22px 20px 16px}.brand img{border-radius:10px;flex:none}.brand p{margin:0}.brand-name{font-size:17px;font-weight:650;letter-spacing:.02em}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:.12em}.prompt{margin:0 20px 14px;padding:10px 12px;border-radius:10px;background:var(--panel-2);color:var(--muted);font-size:12.5px;line-height:1.6}.prompt span{display:block;margin-bottom:2px;font-size:11px;letter-spacing:.14em;color:var(--accent)}.search{position:relative;display:block;margin:0 20px 10px}.search svg{position:absolute;left:10px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--faint);pointer-events:none}.search input{width:100%;height:36px;padding:0 12px 0 32px;border:1px solid var(--line);border-radius:9px;background:var(--bg);outline:none;transition:border-color .15s}.search input::placeholder{color:var(--faint)}.search input:focus{border-color:#f2a23a99}.models{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 16px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.family+.family{margin-top:10px}.family h2{display:flex;align-items:center;gap:8px;margin:8px 8px 4px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.family h2 span{margin-left:auto;color:var(--faint);font-weight:500;letter-spacing:0}.family ul{list-style:none;margin:0;padding:0}i[data-family]{width:7px;height:7px;border-radius:50%;flex:none;background:var(--faint)}i[data-family=ChatGPT]{background:#5fc4a1}i[data-family=Claude]{background:#e08a5f}i[data-family=DeepSeek]{background:#6b8cff}i[data-family=Gemini]{background:#8fb4ff}i[data-family=GLM]{background:#7aa7d9}i[data-family=Kimi]{background:#c9c9d1}i[data-family=Muse]{background:#c78bf0}i[data-family=Qwen]{background:#a58cff}i[data-family=Step]{background:#4fd1d9}.models a{position:relative;display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:9px;color:var(--text);text-decoration:none;transition:background .15s}.models a:hover{background:var(--panel-2)}.models a[aria-current=page]{background:var(--accent-soft)}.models a[aria-current=page]:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--accent)}.model-name{font-weight:550}.models a[aria-current=page] .model-name{color:#ffd29a}.model-meta{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}.empty{margin:24px 8px;color:var(--faint);text-align:center}.sidebar-foot{padding:12px 20px 16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--faint)}kbd{display:inline-block;min-width:18px;margin-right:3px;padding:0 4px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;font:11px/16px var(--mono);text-align:center;color:var(--muted)}.stage{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 16px 16px;gap:12px}.toolbar{display:flex;align-items:center;gap:16px;min-height:52px;padding:0 4px}.meta{flex:1;min-width:0}.meta p,.meta h1{margin:0}.meta-family{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.meta h1{font-size:20px;font-weight:650;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-title{font-size:12.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;padding:3px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.tabs button{height:30px;padding:0 16px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:var(--panel-2);color:var(--text);box-shadow:0 1px #ffffff0a inset}.actions{display:flex;gap:6px}.actions button,.actions a{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.actions button:hover,.actions a:hover{color:var(--text);border-color:#343a45}.actions svg{width:18px;height:18px}.viewport{position:relative;flex:1;min-height:0;border-radius:var(--radius);border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:0 24px 60px -30px #000000b3}.viewport iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#fff}.viewport #source{background:#16181d}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#0f11158c;opacity:0;pointer-events:none;transition:opacity .2s}.loading.on{opacity:1}.loading span{width:28px;height:28px;border-radius:50%;border:2.5px solid rgba(255,255,255,.2);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:absolute;left:50%;bottom:18px;margin:0;padding:8px 14px;border-radius:999px;background:#15181eeb;border:1px solid var(--line);color:var(--text);font-size:13px;transform:translate(-50%);white-space:nowrap}@media(max-width:820px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.sidebar{min-width:0;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:14px 16px 10px}.prompt,.sidebar-foot{display:none}.search{margin:0 16px 8px}.models{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:2px 16px 12px}.family{display:contents}.family h2{display:none}.family ul{display:contents}.models li{flex:none}.models a{padding:6px 12px;border:1px solid var(--line);white-space:nowrap}.models a[aria-current=page]{border-color:#f2a23a80}.models a[aria-current=page]:before,.model-meta{display:none}.stage{padding:10px 12px 12px;gap:10px}.toolbar{flex-wrap:wrap;gap:10px}.meta{flex-basis:100%}.meta h1{font-size:17px}.tabs{margin-right:auto}}