:root{color-scheme:dark}body{margin:0;min-height:100vh;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:radial-gradient(circle at top,#020617 0,#000 55%);color:#e5e7eb}.shell{max-width:1040px;margin:0 auto;padding:24px;min-height:80vh;display:flex;flex-direction:column}.page-header{margin-bottom:16px}.page-header h1{font-size:24px;letter-spacing:-.02em}.subtitle{display:block;font-size:13px;color:#9ca3af;margin-top:4px}.token-section{margin-bottom:16px;font-size:13px}.token-section label{display:flex;flex-direction:column;gap:4px}.token-section input{padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb}.hint{margin-top:4px;font-size:11px;color:#6b7280}.filters{display:flex;gap:8px;margin-bottom:8px;font-size:12px;flex-wrap:wrap}.filters label{display:flex;flex-direction:column;gap:2px}.filters input[type=text],.filters select{padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-size:12px}.filters input[type=text]{min-width:120px}.grid{display:grid;grid-template-columns:2fr 3fr;grid-gap:16px;gap:16px;flex:1 1;min-height:0}@media (max-width:900px){.grid{grid-template-columns:1fr}}.detail-pane,.list-pane{border-radius:18px;border:1px solid rgba(148,163,184,.4);background:rgba(15,23,42,.9);padding:12px 14px 10px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.detail-pane h2,.list-pane h2{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.response-list{list-style:none;padding:0;margin:0;flex:1 1;min-height:0;overflow-y:auto}.response-item{padding:6px 8px;border-radius:10px;cursor:pointer}.response-item:hover{background:rgba(30,64,175,.3)}.response-item.selected{background:rgba(59,130,246,.5)}.response-title{font-size:13px}.response-subtitle{font-size:xx-small;color:#9ca3af}.refresh-button{padding:2px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(15,23,42,.9);color:#e5e7eb;font-size:11px;cursor:pointer}.refresh-button:disabled{opacity:.5;cursor:default}.json-view{max-height:520px;overflow:auto;font-size:12px}.detail-content{display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:0}.chat-thread{flex:1 1;overflow-y:auto;padding-right:4px;min-height:0;scrollbar-width:none}.chat-thread::-webkit-scrollbar{display:none}.chat-bubble{position:relative}.chat-copy-button{position:absolute;top:6px;right:6px;padding:0 6px;border-radius:999px;border:1px solid rgba(148,163,184,.5);background:rgba(15,23,42,.9);color:#e5e7eb;font-size:10px;cursor:pointer}.chat-copy-button:hover{background:rgba(30,64,175,.8)}.chat-image{max-width:100%;border-radius:12px;display:block}.image-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.85);display:flex;align-items:center;justify-content:center;z-index:40}.image-modal-content{max-width:90vw;max-height:90vh;box-shadow:0 24px 80px rgba(0,0,0,.7);border-radius:16px;overflow:hidden;border:1px solid rgba(148,163,184,.6)}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain;background:#020617}.rating-panel{padding-top:8px;border-top:1px solid rgba(31,41,55,.9);display:flex;flex-direction:column;gap:6px;font-size:12px;align-self:stretch;margin-top:auto}.rating-row{display:flex;align-items:center;gap:8px}.rating-row input[type=range]{width:140px;margin-left:6px}.rating-actions{display:flex;gap:8px;margin-top:4px}.rating-actions button,.rating-row button{padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:rgba(15,23,42,.9);color:#e5e7eb;font-size:12px;cursor:pointer}.rating-row button:disabled{opacity:.5;cursor:default}.rating-comment textarea{width:100%;padding:4px 0;border-radius:8px;border:1px solid rgba(148,163,184,.6);background:#020617;color:#e5e7eb;font-family:inherit;font-size:x-small}.rating-success{font-size:x-small;color:#bbf7d0}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px;font-size:x-small}.chat-message:last-child{margin-bottom:0}.chat-role{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af;margin-bottom:2px}.chat-bubble{border-radius:10px;padding:8px 10px;line-height:1.4;white-space:pre-wrap}.chat-user .chat-bubble{background:rgba(59,130,246,.3)}.chat-model .chat-bubble{background:rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.5)}.meta-view{border-top:1px solid rgba(31,41,55,.9);padding-top:6px}.loading{font-size:13px;color:#93c5fd}.empty{color:#9ca3af}.empty,.error{font-size:13px}.error{margin-bottom:10px;color:#fecaca}