/* The transcript and the preview each own one vertical scroller. An iframe
   owns its document scroll; none of its ancestors scroll a second time. */
:root{scrollbar-color:#b8b4aa transparent;scrollbar-width:thin}
*{scrollbar-width:thin;scrollbar-color:#b8b4aa transparent}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#b8b4aa;border-radius:8px;border:1px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}
.artifact-panel{overflow:hidden}
.artifact-panel #artifact-body{overflow:hidden;min-height:0;min-width:0}
#artifact-body>iframe,.unified-file-content>iframe{display:block;width:100%;height:100%;border:0}
.unified-file-content{height:100%;min-height:0;min-width:0;overflow:hidden}
#artifact-body>pre,.unified-file-content>.source-preview{box-sizing:border-box;height:100%;min-height:0;overflow:auto;margin:0;padding:14px}
#artifact-body pre code,.unified-file-content pre code{display:block;overflow:visible;min-height:0}
.unified-file-content>.full-image-preview{display:block;width:100%;height:100%;max-height:none;object-fit:contain;padding:20px;box-sizing:border-box}
.unified-file-content:has(.office-preview),.unified-file-content:has(.archive-browser){overflow:auto}
.file-viewer-content:has(>iframe),.file-viewer-content:has(>.source-preview){overflow:hidden}
.file-mark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:none;min-width:27px;line-height:1;color:#64717d}
.file-mark small{font:600 7px/1.2 var(--font-ui,system-ui);letter-spacing:.04em}
.file-mark-code{color:#526d93}.file-mark-image{color:#8e6095}.file-mark-sheet{color:#4d7d68}.file-mark-slides{color:#ab7044}.file-mark-archive{color:#987a39}
.file-thumbnail{width:36px;height:36px;object-fit:cover;border-radius:5px}
.archive-image-preview{display:block;width:100%;height:100%;max-height:100%;object-fit:contain}
.file-tree button .file-mark{min-width:22px}.file-tree button .file-mark small{font-size:6px}
.composer{position:relative}.composer.file-drop-active::after{content:'Drop files to attach';position:absolute;inset:0;display:grid;place-items:center;border:1px dashed #ae8732;border-radius:inherit;background:#fffaeaf0;color:#785618;font:500 14px system-ui;pointer-events:none;z-index:5}

#chat-settings{width:min(350px,calc(100vw - 24px));padding:16px;border-radius:14px;border:1px solid #ded9cd;box-shadow:0 12px 44px #2921141c;background:#fcfbf8}
#chat-settings>.chat-settings-heading{padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid #eae5da}
#chat-settings>label:not(.planning-control){font-size:11px;font-weight:500;letter-spacing:.02em;color:#706a5f;margin:14px 0 7px}
#model-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:1px solid #d8d1c2;border-radius:9px;background:#fff;text-align:left;font:inherit;color:#302c25;cursor:pointer}
#model-picker-toggle:hover,#model-picker-toggle[aria-expanded=true]{border-color:#ab8b42;background:#fffdf6}
#model-picker-toggle:focus-visible{outline:2px solid #b9944933;outline-offset:2px}
.model-choice{display:grid;gap:4px;min-width:0}.model-choice strong{font-size:12px;font-weight:550}.model-choice small{font-size:10px;color:#857b68;line-height:1.4}
.model-chevron{font-size:18px;color:#8a7b5b;transition:transform .15s}#model-picker-toggle[aria-expanded=true] .model-chevron{transform:rotate(180deg)}
.model-picker-dropdown{position:fixed;inset:auto;margin:0;box-sizing:border-box;padding:0;border:1px solid #d8cfbd;border-radius:10px;background:#fffefa;box-shadow:0 10px 36px #241b1024;z-index:200;overflow:hidden}
.model-search-field{padding:9px;border-bottom:1px solid #eee9de}
.model-search-field #model-search{width:100%;min-height:34px;border:1px solid #ded9cf;border-radius:6px;font-size:12px;padding:7px 9px;background:white}
#model-search-options{position:static;max-height:220px;overflow:auto;border:0;border-radius:0;box-shadow:none;padding:4px;background:transparent}
#model-search-options button{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-radius:7px;min-height:48px;background:transparent;cursor:pointer}
#model-search-options button>span:first-child{display:grid;gap:4px}#model-search-options strong{font-size:12px;font-weight:550}#model-search-options small{font-size:10px;color:#837969;line-height:1.4}
#model-search-options button:hover,#model-search-options .highlighted,#model-search-options [aria-selected=true]{background:#f3eddf}
.model-selected-check{color:#9a7426;font-size:14px}#model-search-options>p{padding:12px;font-size:12px;color:#81786a;margin:0}
.reasoning-ruler{padding:8px 0 5px;margin:0 0 10px}.reasoning-ruler input{height:24px;cursor:pointer}.ruler-labels{font-size:10px}
#chat-settings .planning-setting{padding:12px 0 0;margin-top:12px;border-top:1px solid #e7e1d6}
@media(pointer:coarse){.model-search-field #model-search{font-size:16px;min-height:40px}#model-search-options button{min-height:52px}}
