@font-face{font-family:MS PGothic;src:local("MS PGothic"),local("MS-PGothic");font-display:swap}:root{--sidebar-w: 280px;--bg: #101424;--surface: #0d1120;--surface-2: #0b0f1c;--text: #d2d9ff;--text-dim: #9aa5ce;--accent: #7aa2f7;--accent-2: #bb9af7;--grid: rgba(255, 255, 255, .03)}html,body,#app{height:100%;overflow:hidden}body,button,input,select,textarea{font-family:MS PGothic,system-ui,sans-serif;color:var(--text);background:var(--bg)}.app{height:100vh;background:radial-gradient(1000px 500px at 10% -10%,rgba(187,154,247,.08),transparent 60%),radial-gradient(800px 400px at 110% 10%,rgba(122,162,247,.06),transparent 60%),var(--bg)}.frame{position:absolute;inset:0;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:0}aside.sidebar{position:absolute;left:0;top:0;bottom:0;width:var(--sidebar-w);background:transparent;z-index:30;overflow:hidden;display:flex;flex-direction:column}.main{position:absolute;left:var(--sidebar-w);right:0;top:0;bottom:0;display:grid;grid-template-rows:auto 1fr;min-height:0}.topbar{display:flex;align-items:center;gap:8px;padding:0 16px;background:transparent;min-height:56px}.topbar-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-width:0}.topbar-menu-btn{display:none;padding:6px 10px;flex-shrink:0}@media (min-width: 769px){.topbar-menu-btn{display:none!important}}.topbar-title{cursor:context-menu;display:flex;align-items:center;gap:6px;min-width:0;font-weight:600;overflow:hidden}.topbar-title svg{flex-shrink:0;display:block}.topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end}.topbar-actions select{background:#0f162b;color:var(--text);border:0;border-radius:10px;padding:8px 10px;min-width:120px;max-width:180px;flex-shrink:1}.topbar-actions .btn{flex-shrink:0}.topbar-streaming{display:flex;gap:8px;align-items:center;color:var(--text-dim);white-space:nowrap}.chat-card{position:relative;margin:16px;border-radius:16px;background:var(--surface);overflow:hidden;display:grid;grid-template-rows:1fr auto;height:calc(100vh - 88px);max-height:calc(100vh - 88px)}.chat-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;opacity:.2;pointer-events:none}.chat-card:after{content:"";position:absolute;top:0;right:0;width:10px;bottom:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.15) 50%,transparent 100%);opacity:.35;pointer-events:none}.messages{min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}.messages-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px calc(80px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:100%}.container{max-width:820px;margin:0 auto;word-wrap:break-word;overflow-wrap:break-word}.composer{padding:16px 28px calc(28px + env(safe-area-inset-bottom,0px));flex-shrink:0}.composer-inner{display:flex;justify-content:center;pointer-events:none}body.drag-active{background:#001a331a;transition:background-color .2s ease}.composer-box{pointer-events:auto;width:min(920px,100%);display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#141a2d,#101628);border-radius:14px;padding:10px;transition:border .2s ease,box-shadow .2s ease;min-height:fit-content}.composer-box.drag-over{border:2px dashed #0088ff;box-shadow:0 0 0 2px #0088ff4d;background:linear-gradient(180deg,#1a2040,#162035)}.composer-box.drag-over:after{content:"drop to attach";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#08f;font-size:16px;font-weight:500;pointer-events:none;z-index:10;background:#142040f2;padding:12px 20px;border-radius:8px;border:1px solid #0088ff}.composer-actions{display:flex;justify-content:space-between;align-items:center}.composer-actions-left{display:flex;gap:4px;align-items:center}.composer-actions-right{display:flex;align-items:center}.composer select{background:#0f162b;color:var(--text);border:0;border-radius:10px;padding:8px 10px}.composer textarea{display:block;width:100%;min-height:44px;height:44px;padding:10px;border:0;outline:none;background:transparent;color:var(--text);resize:none;font-family:MS PGothic,system-ui,sans-serif;font-size:14px;overflow-y:hidden;box-sizing:border-box;line-height:1.5}.pending-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0;max-height:200px;overflow-y:auto}.pending-attachment{display:flex;align-items:center;gap:6px;background:#ffffff0d;border-radius:8px;padding:6px 8px}.pending-attachment.uploading{background:#ffc1071a;border-left:3px solid #ffc107}.attachment-preview{width:32px;height:32px;object-fit:cover;border-radius:4px}.attachment-preview.file-icon{display:flex;align-items:center;justify-content:center;background:#ffffff1a;font-size:16px}.attachment-info{display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:12px;color:var(--text-dim);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-details{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-dim)}.base64-badge{background:#7aa2f733;color:var(--accent);padding:1px 4px;border-radius:3px;font-size:9px;font-weight:500}.aws-badge{background:#ffa50033;color:#ffb347;padding:1px 4px;border-radius:3px;font-size:9px;font-weight:500}.uploading-text{color:#ffc107;font-style:italic}.message-attachments{margin-bottom:12px}.message-attachment{margin-bottom:8px}.message-attachment:not(:has(.attachment-image-container)):not(:has(.pdf-attachment)){display:flex;align-items:flex-start;gap:12px;padding:8px;background:#ffffff08;border-radius:8px}.attachment-image-container{position:relative;display:inline-block;max-width:200px}.attachment-image{max-width:200px;max-height:150px;object-fit:contain;border-radius:6px;display:block}.attachment-image-label{font-size:11px;color:var(--text-dim);margin-top:4px;text-align:left;word-break:break-word}.attachment-image-badge{position:absolute;bottom:24px;right:4px;color:var(--text-dim);padding:1px 3px;font-size:8px;font-weight:500;opacity:.7}.attachment-info{flex:1;min-width:0}.attachment-filename{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.attachment-analysis{font-size:13px;color:var(--text);line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.attachment-content-preview{margin-top:4px}.attachment-size{font-size:11px;color:var(--text-dim);opacity:.8}.attachment-base64-badge{background:#7aa2f733;color:var(--accent);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;margin-top:4px;display:inline-block}.message-generated-images{margin-top:12px;display:flex;flex-wrap:wrap;gap:12px}.generated-image-container{position:relative;display:inline-block;max-width:400px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.1)}.generated-image{max-width:400px;max-height:400px;width:auto;height:auto;object-fit:contain;display:block;background:#0000001a}.pdf-attachment{width:100%;max-width:600px;position:relative}.pdf-viewer{background:#ffffff05;border-radius:8px;overflow:hidden;position:relative}.pdf-viewer.loading{padding:40px;text-align:center;color:var(--text-dim)}.pdf-viewer.error{padding:20px;color:#ff6b6b}.pdf-viewer.minimized{background:#ffffff0d}.pdf-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.pdf-viewer.minimized .pdf-header{border-bottom:none}.pdf-info{display:flex;flex-direction:column;gap:2px}.pdf-info .filename{font-size:12px;font-weight:500;color:var(--text)}.pdf-info .page-info{font-size:10px;color:var(--text-dim)}.pdf-controls{display:flex;align-items:center;gap:4px}.pdf-controls .btn{padding:4px 8px;font-size:11px}.page-display{font-size:11px;color:var(--text-dim);min-width:35px;text-align:center;-webkit-user-select:none;user-select:none}.scale-controls{display:flex;align-items:center;gap:4px;margin-left:4px;margin-right:4px}.scale-value{font-size:11px;color:var(--text-dim);min-width:30px;text-align:center}.pdf-content{padding:12px;display:flex;justify-content:center}.pdf-canvas{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000004d}.pdf-storage-badge{position:absolute;bottom:8px;right:8px;color:var(--text-dim);padding:1px 3px;font-size:8px;font-weight:500;opacity:.7;z-index:10}.pdf-viewer.minimized .pdf-storage-badge{bottom:4px;right:4px}.loading-spinner{color:var(--text-dim);font-style:italic}.error-message{margin-bottom:8px}.error-filename{font-size:11px;color:var(--text-dim)}.pdf-fallback{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;margin-top:8px;position:relative}.pdf-fallback .file-icon{font-size:24px}.pdf-fallback .file-info{flex:1}.pdf-fallback .filename{font-size:12px;font-weight:500;color:var(--text)}.pdf-fallback .file-type{font-size:10px;color:var(--text-dim)}.edit-textarea{width:100%;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:var(--text);font-family:MS PGothic,system-ui,sans-serif;font-size:14px;line-height:1.6;box-sizing:border-box;resize:none;max-height:500px;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;overflow-x:hidden}.edit-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap;min-width:0}.edit-buttons .btn{flex-shrink:0;white-space:nowrap;min-width:fit-content}.btn{background:linear-gradient(180deg,#141a2d,#101628);color:var(--text);border-radius:10px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}.btn:hover{background:linear-gradient(180deg,#171d32,#121932)}.btn.primary{background:linear-gradient(180deg,#1a2350,#131a38)}.btn.ghost{background:linear-gradient(180deg,#141a2d,#101628);color:var(--text);border:1px solid rgba(255,255,255,.08)}.btn.ghost:hover{background:linear-gradient(180deg,#171d32,#121932)}.btn.active{background:linear-gradient(180deg,#1a2350,#131a38)}.sidebar-header{padding:10px;display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-shrink:0}.sidebar-controls{display:flex;gap:8px;padding:10px;flex-shrink:0}.sidebar select{width:100%;padding:8px;background:#0f162b;color:var(--text);border:0;border-radius:12px}.sidebar-list{overflow:auto;flex:1;min-height:0}.conv-item{padding:10px 12px;cursor:pointer;display:flex;gap:10px;align-items:center;border-left:2px solid transparent;color:var(--text)}.conv-item:hover{background:#0f152a}.conv-item.active{background:#0e1427;border-left-color:var(--accent)}.conv-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{margin-top:auto;padding:10px 10px 16px;color:var(--text-dim);position:relative;z-index:50;flex-shrink:0}.sidebar-footer:after{content:"";position:fixed;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.2));pointer-events:none;z-index:40}.sidebar-backdrop{display:none}.msg{display:flex;gap:12px;margin-bottom:14px;position:relative;max-width:100%;min-width:0}.msg>div{max-width:820px;min-width:0;display:flex;flex-direction:column}.msg>div>*{min-width:0}.msg.user{flex-direction:row-reverse}.msg.user>div{margin-left:auto}.msg.assistant>div{margin-right:auto}.bubble{max-width:100%;padding:12px 14px;background:#0f162b;border-radius:12px;line-height:1.6;color:var(--text);font-family:MS PGothic,system-ui,sans-serif;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden;box-sizing:border-box}.user .bubble{margin-left:auto;background:#121a35;border-bottom-right-radius:0}.assistant .bubble{margin-right:auto;background:#0e152a;border-bottom-left-radius:0}.bubble.editing{min-width:350px}.reasoning{font-size:12px;color:#6a79b8;margin-bottom:8px;opacity:.85;font-family:Consolas,SFMono-Regular,Menlo,monospace}@media (max-width: 1024px){.topbar-actions{gap:6px}.topbar-actions select{min-width:100px;max-width:140px;font-size:13px}.topbar-actions .btn{padding:6px 8px}}@media (max-width: 768px){:root{--sidebar-w: 0px}.app{min-height:100vh}aside.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(85vw,300px);background:var(--surface);transform:translate(-100%);transition:transform .3s ease;z-index:200;display:flex;flex-direction:column}aside.sidebar.open{transform:translate(0);box-shadow:0 10px 30px #00000073}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:150;opacity:0;transition:opacity .3s ease}.sidebar-backdrop.visible{display:block;opacity:1}.main{position:relative;left:0;right:0}.topbar{padding:10px 8px;min-height:auto}.topbar-content{gap:10px;display:grid;grid-template-columns:auto 1fr auto}.topbar-menu-btn{display:inline-flex;flex-shrink:0}.topbar-title{min-width:0;overflow:hidden}.topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:4px}.topbar-actions select{display:none}.topbar-actions .btn{padding:6px 10px;min-width:30px;justify-content:center;flex-shrink:0;height:30px}.topbar-actions{background:linear-gradient(180deg,#141a2d,#101628);border-radius:10px;padding:2px;border:1px solid rgba(255,255,255,.08);height:34px}.topbar-actions .btn svg{margin:0}.topbar-actions .btn.ghost{background:transparent;border:none}.topbar-actions .btn.ghost:hover{background:#ffffff14}.topbar-streaming{display:none}.chat-card{margin:0;border-radius:0;height:calc(100vh - 56px);max-height:calc(100vh - 56px)}.messages-inner{padding:12px 12px calc(120px + env(safe-area-inset-bottom,0px))}.composer{padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px));flex-shrink:0;position:relative;z-index:10}.composer-inner{justify-content:stretch}.composer-box{width:100%}.composer-actions{flex-wrap:wrap;gap:6px}.composer-actions-left{flex-wrap:nowrap;gap:6px;flex:0 0 auto}.composer-actions-right{justify-content:flex-end;flex:0 0 auto;margin-left:auto}.composer textarea{font-size:16px}}@media (max-width: 520px){.topbar{padding:8px 6px}.topbar-content{gap:8px;display:grid;grid-template-columns:auto 1fr auto}.topbar-menu-btn{padding:6px;min-width:30px}.topbar-title{gap:4px;min-width:0;overflow:hidden}.topbar-title svg{width:12px;height:12px;flex-shrink:0;display:block}.topbar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{gap:2px;padding:2px;height:34px}.topbar-actions .btn{padding:6px 8px;min-width:28px;height:30px}.topbar-actions .btn svg{width:16px;height:16px}.bubble{padding:10px 12px;word-break:break-word}.bubble.editing{min-width:min(350px,100%)}}.mono{font-family:Consolas,SFMono-Regular,Menlo,monospace;white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:break-word!important;overflow-x:hidden!important;max-width:100%!important}.thinking-panel{position:relative;margin-top:8px;border-radius:10px;background:linear-gradient(135deg,#0c1732,#0a1428);border:1px solid rgba(106,121,184,.15);padding:12px 14px 32px;color:#9ab0e8;font-size:12px;max-height:220px;overflow-y:auto;overflow-x:hidden;box-shadow:0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(106,121,184,.4) rgba(0,0,0,.2);max-width:100%!important;width:100%!important;box-sizing:border-box!important;min-width:0!important}.thinking-panel.minimized{max-height:48px;padding:12px 14px 32px;overflow:hidden!important}.thinking-panel.minimized .thinking-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:1.5em}.thinking-content{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;padding-right:8px;line-height:1.5;display:block;overflow-x:hidden;max-width:100%}.thinking-panel:not(.minimized) .thinking-content{white-space:pre-wrap!important;overflow-wrap:break-word!important;word-break:break-word!important;overflow-x:hidden!important;max-width:100%!important}.thinking-minimize-btn{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:4px;background:#6a79b826;border:1px solid rgba(106,121,184,.25);color:#8ea2df;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease;opacity:.7}.thinking-minimize-btn:hover{background:#6a79b840;border-color:#6a79b866;opacity:1;transform:translateY(-1px)}.thinking-panel::-webkit-scrollbar{width:6px}.thinking-panel::-webkit-scrollbar-track{background:#0003;border-radius:3px;margin:4px 0}.thinking-panel::-webkit-scrollbar-thumb{background:#6a79b866;border-radius:3px;transition:background .15s ease}.thinking-panel::-webkit-scrollbar-thumb:hover{background:#6a79b899}.streaming-thinking{animation:streamingPulse 2s ease-in-out infinite;padding-bottom:12px;max-height:120px;overflow:hidden;overflow-x:hidden;display:flex;align-items:flex-end;max-width:100%;width:100%;box-sizing:border-box}.streaming-content{width:100%;max-width:100%;animation:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}@keyframes streamingPulse{0%,to{border-color:#6a79b826}50%{border-color:#6a79b84d}}.messages-guard{position:absolute;left:0;right:0;bottom:0;height:32px;background:linear-gradient(180deg,rgba(13,17,32,0),var(--surface));pointer-events:none;z-index:40}.typing-dots{display:inline-flex;gap:6px;align-items:center;margin-top:4px}.typing-dots span{width:6px;height:6px;background:#7aa2f7;border-radius:50%;opacity:.6;animation:bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.msg .msg-actions{position:absolute;bottom:-16px;display:flex;gap:1px;opacity:0;transition:opacity .12s ease;background:linear-gradient(180deg,#141a2d,#101628);border-radius:8px;padding:2px;border:1px solid rgba(255,255,255,.08);z-index:1000}.msg.user .msg-actions{right:6px}.msg.assistant .msg-actions{left:6px}.msg:hover .msg-actions{opacity:1}.msg .msg-actions .btn{padding:3px 5px;border-radius:4px;background:transparent;font-size:11px;border:none}.context-menu{background:linear-gradient(180deg,#141a2d,#101628);border-radius:8px;padding:2px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px #0000004d;min-width:120px}.context-menu-item{width:100%;padding:6px 8px;border:none;background:transparent;color:var(--text);font-size:12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;text-align:left}.context-menu-item:hover{background:#ffffff14}.context-menu-item.delete{color:#ff6b6b}.context-menu-item.delete:hover{background:#ff6b6b1a}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:linear-gradient(180deg,#141a2d,#101628);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #0006;min-width:320px;max-width:90vw;box-sizing:border-box}.modal-content h3{margin:0 0 16px;color:var(--text);font-size:16px}.search-modal-content{width:min(520px,90vw);display:flex;flex-direction:column;gap:12px}.search-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-modal-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0f162b;color:var(--text);font-size:14px;box-sizing:border-box}.search-modal-results{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.search-modal-result{text-align:left;padding:10px 12px;border-radius:10px;background:#ffffff0f;display:flex;flex-direction:column;gap:6px;color:var(--text);transition:background .2s ease;cursor:pointer}.search-modal-result:hover{background:#7aa2f72e}.search-modal-result-title{font-weight:600;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.search-modal-result-snippet{font-size:12px;color:var(--text-dim);line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.search-modal-result mark{background:#7aa2f74d;color:var(--text);border-radius:4px;padding:0 2px;word-wrap:break-word;overflow-wrap:break-word}.search-modal-empty{text-align:center;padding:24px 0;color:var(--text-dim);font-size:14px}.rename-input{width:100%;padding:10px;background:#0f162b;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;margin-bottom:16px;box-sizing:border-box}.rename-input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:8px;justify-content:space-between;align-items:center}.modal-actions-left,.modal-actions-right{display:flex;gap:8px}.settings-modal-content{background:linear-gradient(180deg,#141a2d,#101628);border-radius:12px;padding:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px #0006;min-width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-sizing:border-box}.settings-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.settings-header h3{margin:0;color:var(--text);font-size:18px}.settings-disclaimer{color:var(--text-dim);font-size:12px}.settings-section{margin-bottom:20px}.settings-section label{display:block;margin-bottom:8px;color:var(--text);font-size:14px;font-weight:500}.settings-textarea{width:100%;padding:12px;background:#0f162b;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;box-sizing:border-box;resize:vertical;min-height:120px;font-family:MS PGothic,system-ui,sans-serif}.settings-textarea:focus{outline:none;border-color:var(--accent)}.settings-slider{width:100%;margin:8px 0}.settings-slider-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--text-dim);margin-top:4px}.settings-select{width:100%;padding:8px;background:#0f162b;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;box-sizing:border-box}.settings-select:focus{outline:none;border-color:var(--accent)}.settings-input{width:100%;padding:8px;background:#0f162b;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:14px;box-sizing:border-box;font-family:MS PGothic,system-ui,sans-serif}.settings-input:focus{outline:none;border-color:var(--accent)}.settings-help-text{font-size:12px;color:var(--text-dim);margin-top:6px;line-height:1.4;opacity:.9}.settings-checkbox{display:flex;align-items:center;font-size:13px;color:var(--text);font-weight:500;line-height:1.5}.settings-checkbox input{width:16px;height:16px;margin:0 10px 0 0;flex-shrink:0}.settings-checkbox>span{position:relative;top:-2px}.settings-subsection{margin-top:12px;padding:12px;border-radius:8px;background:#ffffff08;display:flex;flex-direction:column;gap:12px}.settings-inline-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.settings-textarea.compact{min-height:64px}.settings-textarea.disabled{opacity:.5}.presets-list{display:flex;flex-direction:column;gap:8px}.preset-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#0f162b;border:1px solid rgba(255,255,255,.08);border-radius:8px}.preset-info{flex:1;min-width:0}.preset-name{font-weight:500;color:var(--text);margin-bottom:4px}.preset-preview{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-actions{display:flex;gap:6px}.btn.small{padding:4px 8px;font-size:12px}.btn.small.delete{background:#ff6b6b1a;color:#ff6b6b;border-color:#ff6b6b4d}.btn.small.delete:hover{background:#ff6b6b33}.preset-form{display:flex;flex-direction:column;gap:8px}.preset-name-input{width:100%;padding:8px;background:#0f162b;color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:14px;box-sizing:border-box}.preset-name-input:focus{outline:none;border-color:var(--accent)}.preset-form-actions{display:flex;gap:8px;justify-content:flex-end}.inline-code{background:#ffffff14;color:#ff9d76;padding:2px 4px;border-radius:4px;font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:.9em;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.code-block{margin:8px 0;border-radius:10px;overflow:hidden;background:#0a1124;border:1px solid rgba(255,255,255,.06)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0c1732;color:var(--text-dim);font-size:12px}.code-header .lang{font-family:Consolas,SFMono-Regular,Menlo,monospace;opacity:.8}.code-header .code-actions{display:flex;gap:4px}.code-body{position:relative}.code-body pre{margin:0;padding:12px;overflow:auto;font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:#e6ecff;background:transparent;transition:white-space .2s ease}.code-body pre.wrap{white-space:pre-wrap;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.code-action-btn{background:linear-gradient(180deg,#141a2d,#101628);color:var(--text-dim);padding:4px 8px;border-radius:6px;cursor:pointer;border:1px solid rgba(255,255,255,.08);font-size:11px}.code-action-btn:hover{background:linear-gradient(180deg,#171d32,#121932);color:var(--text)}.code-block .keyword{color:#c792ea;font-weight:500}.code-block .string{color:#c3e88d}.code-block .comment{color:#6a7985;font-style:italic}.code-block .number{color:#f78c6c}.code-block .property{color:#82aaff}.code-block .selector{color:#ffcb6b}.code-block .function{color:#82aaff}.code-block .variable{color:#eff}.code-block .tag{color:#f07178;font-weight:500}.code-block .attribute{color:#ffcb6b}.code-block .preprocessor{color:#c792ea;font-weight:500}.code-block .builtin{color:#82aaff;font-weight:500}.code-block .separator{color:#89ddff}.md-h1,.md-h2,.md-h3,.md-h4,.md-h5,.md-h6{margin:8px 0 4px;font-weight:600;color:inherit;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.md-h1{font-size:1.8em;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:4px}.md-h2{font-size:1.5em;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:2px}.md-h3{font-size:1.3em}.md-h4{font-size:1.1em}.md-h5{font-size:1em}.md-h6{font-size:.9em}.md-raw{white-space:pre-wrap!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;overflow-x:hidden!important}.md-paragraph{margin:4px 0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}.md-blockquote{margin:8px 0;padding:8px 16px;border-left:4px solid #c792ea;background:#c792ea1a;border-radius:0 8px 8px 0;font-style:italic;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow-x:hidden}.md-list{margin:8px 0;padding-left:20px}.md-list li{margin:4px 0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.md-hr{margin:16px 0;border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.md-link{color:#89ddff;text-decoration:none;border-bottom:1px solid rgba(137,221,255,.3);transition:all .2s ease;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.md-link:hover{color:#fff;border-bottom-color:#89ddff}strong{font-weight:600;color:#fff}em{font-style:italic;color:#e6ecff}del{text-decoration:line-through;opacity:.7}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}select{appearance:none;background:#0f162b;color:var(--text);border:0;border-radius:10px;padding:6px 10px}select:focus{outline:2px solid var(--accent);outline-offset:2px}select option[value=openai],select option[value=anthropic],select option[value=grok],select option[value=deepseek],select option[value=google],select option[value="openai/gpt-5"],select option[value="openai/gpt-5.1"],select option[value="openai/gpt-5-pro"],select option[value="anthropic/claude-sonnet-4.5"],select option[value="anthropic/claude-opus-4.5"],select option[value=grok-4-latest],select option[value="google/gemini-3-pro-preview"],select option[value="google/gemini-3-pro-image-preview"],select option[value="deepseek/deepseek-v3.2-exp"]{font-weight:700!important;color:#fff!important}@media (max-width: 768px){.topbar-menu-btn{min-width:39.6px;min-height:39.6px;display:flex;align-items:center;justify-content:center}}