Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
32 kB · 1496 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497[data-component="assistant-message"] { content-visibility: auto; width: 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 12px;}
[data-component="user-message"] { --user-message-mention-prefix-color: var(--v2-blue-500);
font-family: var(--font-family-sans); font-size: var(--font-size-base); font-style: normal; font-weight: var(--font-weight-regular); line-height: var(--line-height-large); letter-spacing: var(--letter-spacing-normal); color: var(--v2-text-text-base); display: flex; flex-direction: column; align-items: flex-end; align-self: stretch; width: 100%; max-width: 100%; gap: 0;
[data-slot="user-message-attachments"] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; width: fit-content; max-width: min(82%, 64ch); margin-inline-start: auto; }
[data-slot="user-message-attachment"] { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 0; border-radius: 6px; overflow: hidden; background: var(--v2-background-bg-layer-02); border: 0.5px solid var(--v2-border-border-base); cursor: default; transition: border-color 0.15s ease, opacity 0.3s ease;
&:hover { border-color: var(--v2-border-border-strong); }
&[data-clickable] { cursor: pointer; }
&[data-type="image"] { position: relative; width: 58px; height: 46px; border: none;
/* inset box-shadows do not paint over <img> content, so the hairline is an overlay */ &::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 0.5px var(--v2-border-border-base); pointer-events: none; } }
&[data-type="file"] { width: min(220px, 100%); height: 48px; padding: 0 10px; } }
[data-slot="user-message-attachment-image"] { width: 100%; height: 100%; object-fit: cover; }
[data-slot="user-message-attachment-icon"] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--icon-weak);
[data-slot="icon-svg"] { width: 20px; height: 20px; } }
[data-slot="user-message-attachment-file"] { width: 100%; min-width: 0; display: flex; align-items: center; gap: 8px;
[data-component="file-icon"] { width: 20px; height: 20px; flex: none; } }
[data-slot="user-message-attachment-name"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v2-text-text-muted); font-size: var(--font-size-small); line-height: var(--line-height-large); }
[data-slot="user-message-body"] { width: fit-content; max-width: min(82%, 64ch); margin-inline-start: auto; display: flex; flex-direction: column; align-items: flex-end; }
[data-slot="user-message-text"] { display: inline-block; white-space: pre-wrap; word-break: break-word; overflow: hidden; unicode-bidi: plaintext; background: var(--v2-background-bg-layer-02); border: none; padding: 8px 12px; border-radius: 10px;
[data-highlight="file"], [data-highlight="agent"] { color: inherit; font-weight: 600; direction: ltr; unicode-bidi: isolate; }
[data-slot="user-message-mention-prefix"] { color: var(--user-message-mention-prefix-color); }
max-width: 100%; }
[data-slot="user-message-copy-wrapper"] { min-height: 24px; margin-top: 4px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; width: 100%; transition: opacity 0.15s ease; will-change: opacity;
@media (hover: hover) { opacity: 0; pointer-events: none; }
[data-component="tooltip-v2-trigger"] { display: inline-flex; width: fit-content; } }
[data-slot="user-message-meta"] { user-select: none; text-align: end; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-slot="user-message-meta-wrap"] { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; justify-content: flex-end; overflow: hidden; gap: 0; }
[data-slot="user-message-meta-tail"] { user-select: none; flex: 0 0 auto; white-space: nowrap; text-align: end; }
&:hover [data-slot="user-message-copy-wrapper"], &:focus-within [data-slot="user-message-copy-wrapper"] { opacity: 1; pointer-events: auto; }
.text-text-strong { color: var(--v2-text-text-base); }
.font-medium { font-weight: var(--font-weight-medium); }}
[data-component="text-part"] { width: 100%; margin-top: 24px;
[data-slot="text-part-body"] { margin-top: 0; }
[data-slot="text-part-copy-wrapper"] { min-height: 24px; margin-top: 4px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; transition: opacity 0.15s ease; will-change: opacity;
@media (hover: hover) { opacity: 0; pointer-events: none; }
[data-component="tooltip-v2-trigger"] { display: inline-flex; width: fit-content; } }
[data-slot="text-part-meta"] { user-select: none; }
[data-slot="text-part-copy-wrapper"][data-interrupted] { width: 100%; justify-content: flex-end; gap: 12px; }
&:hover [data-slot="text-part-copy-wrapper"], &:focus-within [data-slot="text-part-copy-wrapper"] { opacity: 1; pointer-events: auto; }}
[data-timeline-row="AssistantPart"][data-timeline-spacing="content"] [data-component="text-part"] { margin-top: 0;}
[data-component="reasoning-part"] { width: 100%; color: var(--v2-text-text-muted); line-height: var(--line-height-normal);
[data-component="markdown"] { margin-top: 0; font-style: normal; font-size: 13px; line-height: var(--line-height-base); color: var(--v2-text-text-muted);
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; color: inherit; }
strong, b { color: var(--v2-text-text-muted); }
p:has(strong) { margin-top: 24px; margin-bottom: 0;
&:first-child { margin-top: 0; } } }}
@media (prefers-color-scheme: dark) { [data-component="reasoning-part"] [data-component="markdown"] :not(pre) > code { opacity: 0.6; }}
[data-component="tool-output"] { white-space: pre; padding: 0; margin-bottom: 0px; height: fit-content; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
[data-component="markdown"] { width: 100%; min-width: 0;
pre { margin: 0; padding: 0; background-color: transparent !important; border: none !important; } }
pre { margin: 0; padding: 0; background: none; }
&[data-scrollable] { height: auto; max-height: 240px; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none;
&::-webkit-scrollbar { display: none; }
[data-component="markdown"] { overflow: visible; } }}
[data-component="read-image"] { min-width: 0;
img { cursor: zoom-in; display: block; max-width: 100%; height: auto; border-radius: 4px; }}
[data-component="bash-output"] { direction: ltr; unicode-bidi: isolate; width: 100%; border: 0.5px solid var(--v2-border-border-base); border-radius: 6px; background: transparent; position: relative; overflow: hidden;
[data-slot="bash-copy"] { position: absolute; top: 4px; right: 4px; transition: opacity 0.15s ease;
@media (hover: hover) { opacity: 0; pointer-events: none; } }
&:hover [data-slot="bash-copy"], &:focus-within [data-slot="bash-copy"] { opacity: 1; pointer-events: auto; }
[data-slot="bash-scroll"] { width: 100%; overflow-y: auto; overflow-x: hidden; max-height: 240px;
scrollbar-width: none; &::-webkit-scrollbar { display: none; } }
[data-slot="bash-pre"] { margin: 0; padding: 12px; }
[data-slot="bash-pre"] code { font-family: var(--font-family-mono); font-feature-settings: var(--font-family-mono--font-feature-settings); font-size: 13px; line-height: var(--line-height-large); white-space: pre-wrap; overflow-wrap: anywhere; }
&[data-variant="shell"] { background: var(--v2-background-bg-base);
[data-slot="bash-pre"] { padding: 0; }
[data-slot="bash-pre"] code { font-family: var(--v2-font-family-code); font-weight: 440; line-height: var(--line-height-base); letter-spacing: -0.04px; }
[data-slot="bash-command"], [data-slot="bash-result"] { display: block; padding: 12px; }
[data-slot="bash-result"] { border-block-start: 0.5px solid var(--v2-border-border-base); background: var(--v2-background-bg-layer-01); color: var(--v2-text-text-muted); }
[data-slot="bash-command"] { color: var(--v2-text-text-base); } }}
[data-component="collapsible"].tool-collapsible:has( > [data-slot="collapsible-content"] [data-component="bash-output"][data-variant="shell"] ) { --tool-content-gap: 8px;}
[data-component="edit-content"] { border-radius: inherit; border-top: 0.5px solid var(--v2-border-border-muted); overflow-x: hidden; overflow-y: visible;
scrollbar-width: none; -ms-overflow-style: none;
&::-webkit-scrollbar { display: none; }
[data-component="diff"] { border-radius: inherit; overflow: hidden; }}
[data-component="write-content"] { border-radius: inherit; border-top: 0.5px solid var(--v2-border-border-muted); overflow-x: hidden; overflow-y: visible;
[data-component="code"] { padding-bottom: 0 !important; border-radius: inherit; overflow: hidden; }
/* Hide scrollbar */ scrollbar-width: none; -ms-overflow-style: none;
&::-webkit-scrollbar { display: none; }}
[data-component="tool-action"] { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
[data-component="exa-tool-output"] { display: flex; flex-direction: column; min-width: 0; width: 100%; font-family: var(--font-family-sans); font-size: 13px; line-height: 16px; color: var(--v2-text-text-muted);}
[data-slot="basic-tool-tool-subtitle"].exa-tool-query { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
[data-slot="exa-tool-links"] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; flex: 1 0 0;}
[data-slot="exa-tool-link"] { width: fit-content; max-width: 100%; align-self: flex-start;}
[data-slot="exa-tool-more"] { all: unset; cursor: pointer; width: fit-content; font-family: var(--font-family-sans); font-size: 13px; font-weight: var(--font-weight-regular, 440); line-height: var(--line-height-compact); letter-spacing: -0.04px; color: var(--v2-text-text-faint, #808080); user-select: none;
&:hover { color: var(--v2-text-text-muted); text-decoration: underline; text-underline-offset: 2px; }
&:focus-visible { outline: 1px solid var(--v2-text-text-accent); outline-offset: 2px; }}
[data-component="todos"] { padding: 10px 0 24px 0; display: flex; flex-direction: column; gap: 8px;
[data-component="checkbox"] { --checkbox-align: flex-start; --checkbox-offset: 0.5px; }
[data-slot="message-part-todo-content"] { line-height: var(--line-height-normal);
&[data-completed="completed"] { text-decoration: line-through; color: var(--v2-text-text-faint); } }}
[data-component="context-tool-group-trigger"] { width: 100%; min-height: 24px; display: flex; align-items: center; justify-content: flex-start; gap: 0px; cursor: default;
[data-slot="context-tool-group-title"] { display: flex; align-items: center; gap: 0; flex-shrink: 1; min-width: 0; }
[data-slot="context-tool-group-usage"] { flex-shrink: 0; display: flex; align-items: center; gap: 0; color: var(--v2-text-text-muted); font-family: var(--v2-font-family-sans); font-size: 13px; font-weight: 440; line-height: var(--line-height-compact); letter-spacing: -0.04px;
& > [data-slot="context-tool-group-prefix"], & > [data-slot="context-tool-group-count"] { white-space: pre; } }
[data-slot="context-tool-group-count"] { color: var(--v2-text-text-base); }
[data-slot="context-tool-group-prefix"] { flex-shrink: 0; }
[data-slot="basic-tool-tool-title"] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-slot="collapsible-arrow"] { color: var(--icon-weaker); cursor: pointer; }}
[data-component="collapsed-tool-group"] > [data-component="collapsible"].tool-collapsible { --tool-content-gap: 8px;}
[data-component="context-tool-group-list"] { padding: 0; display: flex; flex-direction: column; gap: 8px;
[data-slot="context-tool-group-item"] { min-width: 0; min-height: 28px; display: flex; flex-direction: column; justify-content: center; padding: 0;
> [data-component="tool-part-wrapper"] { width: 100%; }
> [data-component="tool-part-wrapper"] > [data-component="collapsible"] > [data-slot="collapsible-trigger"]:not([data-hide-details="true"]) { height: 28px; }
[data-slot="basic-tool-tool-info-structured"] { gap: 6px; }
[data-slot="basic-tool-tool-title"], [data-slot="basic-tool-tool-subtitle"], [data-slot="basic-tool-tool-arg"], [data-slot="context-tool-group-matches"] { font-family: var(--v2-font-family-sans); font-size: 13px; font-weight: 440; line-height: var(--line-height-compact); letter-spacing: -0.04px; }
[data-slot="basic-tool-tool-subtitle"] { color: var(--v2-text-text-faint); }
[data-slot="context-tool-group-dot"] { flex-shrink: 0; width: 6px; height: 6px; display: inline-flex; align-items: center; justify-content: center;
&::before { content: ""; width: 2.25px; height: 2.25px; border-radius: 50%; background-color: var(--v2-icon-icon-muted); } }
[data-slot="context-tool-group-matches"] { flex-shrink: 0; white-space: nowrap; color: var(--v2-text-text-faint); } }}
[data-component="diagnostics"] { display: flex; flex-direction: column; gap: 4px; padding: 8px 12px; background-color: var(--v2-state-bg-danger); border-top: 0.5px solid var(--v2-state-border-danger);
[data-slot="diagnostic"] { display: flex; align-items: baseline; gap: 6px; font-family: var(--font-family-mono); font-size: var(--font-size-small); line-height: var(--line-height-large); }
[data-slot="diagnostic-label"] { color: var(--v2-state-fg-danger); font-weight: var(--font-weight-medium); text-transform: uppercase; letter-spacing: -0.5px; flex-shrink: 0; }
[data-slot="diagnostic-location"] { color: var(--v2-state-fg-danger); flex-shrink: 0; }
[data-slot="diagnostic-message"] { color: var(--v2-state-fg-danger); word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }}
[data-component="user-message"] [data-slot="user-message-text"],[data-component="text-part"],[data-component="reasoning-part"],[data-component="tool-output"],[data-component="bash-output"],[data-component="edit-content"],[data-component="write-content"],[data-component="todos"],[data-component="diagnostics"],.error-card { -webkit-user-select: text; user-select: text;}
[data-component="tool-part-wrapper"] { width: 100%;}
[data-component="dock-prompt"][data-kind="permission"] { position: relative; display: flex; flex-direction: column; gap: 0; min-height: 0; max-height: 100dvh;
[data-slot="permission-body"] { display: flex; flex-direction: column; gap: 16px; flex: 1; min-height: 0; padding: 12px 12px 0; }
[data-slot="permission-header"] { padding: 0; }
[data-slot="permission-row"] { display: grid; grid-template-columns: 20px 1fr; column-gap: 8px; align-items: start; }
[data-slot="permission-row"][data-variant="header"] { align-items: center; }
[data-slot="permission-icon"] { display: inline-flex; align-items: center; justify-content: center; }
[data-slot="permission-icon"] [data-slot="icon-svg"] { color: var(--icon-warning-base); }
[data-slot="permission-header-title"] { font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); color: var(--v2-text-text-base); min-width: 0; }
[data-slot="permission-content"] { display: flex; flex-direction: column; gap: 4px; flex: 1; min-height: 0; }
[data-slot="permission-hint"] { font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-regular); line-height: var(--line-height-large); color: var(--v2-text-text-muted); padding: 0; }
[data-slot="permission-patterns"] { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; margin-bottom: 16px; padding: 1px 0 8px; flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none;
&::-webkit-scrollbar { display: none; }
code { font-size: 14px; line-height: var(--line-height-large); } }
[data-slot="permission-footer"] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: 32px 8px 8px; margin-top: -24px; }
[data-slot="permission-footer-actions"] { display: flex; align-items: center; gap: 8px;
[data-component="button-v2"] { padding-left: 12px; padding-right: 12px; } }}
[data-component="dock-prompt"][data-kind="question"] { position: relative; display: flex; flex-direction: column; gap: 0; min-height: 0; max-height: var(--question-prompt-max-height, 100dvh);
[data-slot="question-body"] { display: flex; flex-direction: column; gap: 16px; flex: 1; min-height: 0; padding: 8px 8px 0; }
[data-slot="question-header"] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 10px; }
[data-slot="question-header-title"] { font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); color: var(--v2-text-text-base); min-width: 0; }
[data-slot="question-header-actions"] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
[data-slot="question-progress"] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
[data-slot="question-progress-segment"] { width: 16px; height: 16px; padding: 0; border: 0; background: transparent; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; touch-action: manipulation;
&::after { content: ""; width: 16px; height: 2px; border-radius: 999px; background-color: var(--v2-icon-icon-muted); transition: background-color 0.2s ease; }
&[data-active="true"]::after { background-color: var(--icon-strong-base); }
&[data-answered="true"]::after { background-color: var(--icon-interactive-base); }
&:disabled { cursor: not-allowed; opacity: 0.6; } }
[data-slot="question-content"] { display: flex; flex-direction: column; gap: 4px; flex: 1; min-height: 0; }
[data-slot="question-text"] { font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); color: var(--v2-text-text-base); padding: 0 10px; flex-shrink: 0; -webkit-user-select: text; user-select: text; }
[data-slot="question-hint"] { font-family: var(--font-family-sans); font-size: 13px; font-weight: var(--font-weight-regular); line-height: var(--line-height-large); color: var(--v2-text-text-muted); padding: 0 10px; flex-shrink: 0; }
[data-slot="question-options"] { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; padding: 1px 1px 16px; flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none;
&::-webkit-scrollbar { display: none; } }
[data-slot="question-option"] { display: flex; align-items: flex-start; gap: 12px; padding: 8px 8px 8px 10px; background-color: var(--v2-background-bg-layer-01); border: 0.5px solid var(--v2-border-border-base); border-radius: 6px; box-shadow: none; text-align: left; width: 100%; cursor: pointer; transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
&:hover:not([data-picked="true"]) { background-color: var(--v2-background-bg-base); }
&[data-picked="true"] { background-color: var(--v2-state-bg-info); border-color: transparent; box-shadow: var(--shadow-xs-border-hover); }
&:disabled { cursor: not-allowed; opacity: 0.6; } }
[data-slot="question-option-check"] { display: inline-flex; transform: translateY(2px); }
[data-slot="question-option-box"] { width: 16px; height: 16px; padding: 2px; border-radius: var(--radius-sm); border: 0.5px solid var(--v2-border-border-base); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: transparent; transition: background-color 0.15s ease, border-color 0.15s ease;
[data-slot="icon-svg"] { opacity: 0; color: var(--icon-base); }
&[data-type="radio"] { border-radius: 999px; }
[data-slot="question-option-radio-dot"] { width: 6px; height: 6px; border-radius: 999px; background-color: var(--v2-background-bg-layer-01); opacity: 0; }
&[data-picked="true"] { border-color: var(--icon-interactive-base);
[data-slot="icon-svg"] { opacity: 1; color: var(--icon-invert-base); }
&[data-type="checkbox"] { background-color: var(--icon-interactive-base); }
&[data-type="radio"] { background-color: var(--icon-interactive-base); [data-slot="question-option-radio-dot"] { opacity: 1; } } } }
[data-slot="question-option-main"] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
[data-slot="option-label"] { font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); color: var(--v2-text-text-base); }
[data-slot="option-description"] { font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-regular); line-height: var(--line-height-large); color: var(--v2-text-text-muted); min-width: 0; overflow-wrap: anywhere; white-space: normal; }
[data-slot="question-custom"] { display: flex; flex-direction: column; gap: 8px; }
[data-slot="question-custom-input-wrap"] { padding-left: 36px; }
[data-slot="question-custom-input"] { width: 100%; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-regular); line-height: var(--line-height-large); color: var(--v2-text-text-muted); min-width: 0; cursor: text; resize: none; overflow: hidden; overflow-wrap: anywhere;
&::placeholder { color: var(--v2-text-text-muted); }
&:focus-visible { outline: 0.5px solid var(--v2-border-border-focus); outline-offset: 2px; border-radius: var(--radius-xs); }
&:disabled { opacity: 0.6; } }
[data-slot="question-footer"] { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; padding: 32px 8px 8px; margin-top: -24px; }
[data-slot="question-footer-actions"] { display: flex; align-items: center; gap: 8px; }}
[data-component="question-minimized-dock"] { margin-bottom: 8px;
[data-slot="question-minimized-trigger"] { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; background: transparent; color: var(--v2-text-text-base); text-align: left; cursor: pointer; touch-action: manipulation;
&:disabled { cursor: not-allowed; opacity: 0.6; }
[data-slot="icon-svg"] { transform: rotate(180deg); } }
[data-slot="question-minimized-summary"] { flex: 1; font-family: var(--font-family-sans); font-size: 14px; font-weight: var(--font-weight-medium); line-height: var(--line-height-large); color: var(--v2-text-text-base); }}
[data-component="question-answers"] { display: flex; flex-direction: column; gap: 12px; padding: 8px 0;
[data-slot="question-answer-item"] { display: flex; flex-direction: column; gap: 2px; font-size: 13px;
[data-slot="question-text"] { color: var(--v2-text-text-muted); }
[data-slot="answer-text"] { color: var(--v2-text-text-base); } }}
[data-component="edit-tool"],[data-component="write-tool"],[data-component="apply-patch-tool"] { > [data-component="collapsible"].tool-collapsible { /* Only file lists with a tool title reserve space for its sticky row. */ --sticky-accordion-offset: calc(32px + var(--tool-content-gap)); gap: 0px; }
> [data-component="collapsible"] > [data-slot="collapsible-content"] { border: none; border-inline-start: none; margin-inline-start: 0; padding-inline-start: 0; padding-bottom: 0; background: transparent;
&::before { display: none; } }
> [data-component="collapsible"] > [data-slot="collapsible-trigger"][aria-expanded="true"], > [data-component="collapsible"] > [data-slot="collapsible-trigger"][data-locked] { position: sticky; top: var(--sticky-accordion-top, 0px); z-index: 20; height: var(--sticky-accordion-offset); padding-bottom: var(--tool-content-gap); background-color: var(--v2-background-bg-base); }}
[data-component="accordion"][data-scope="apply-patch"] { [data-slot="accordion-trigger"] { background-color: var(--v2-background-bg-base) !important; }
[data-slot="apply-patch-trigger-content"] { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px; }
[data-slot="apply-patch-file-info"] { flex-grow: 1; display: flex; align-items: center; gap: 12px; min-width: 0; }
[data-slot="apply-patch-file-name-container"] { display: flex; flex-grow: 1; min-width: 0; overflow: hidden; direction: ltr; unicode-bidi: isolate; }
[data-slot="apply-patch-directory"] { color: var(--v2-text-text-muted); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; direction: rtl; text-align: left; }
[data-slot="apply-patch-filename"] { color: var(--v2-text-text-base); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-slot="apply-patch-trigger-actions"] { flex-shrink: 0; display: flex; gap: 16px; align-items: center; justify-content: flex-end; }
[data-slot="apply-patch-change"] { font-family: var(--font-family-sans); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); }
[data-slot="apply-patch-change"][data-type="added"] { color: var(--icon-diff-add-base); }
[data-slot="apply-patch-change"][data-type="removed"] { color: var(--icon-diff-delete-base); }
[data-slot="apply-patch-change"][data-type="modified"] { color: var(--icon-diff-modified-base); }}
[data-component="apply-patch-file-diff"] { border-radius: inherit; overflow-x: hidden; overflow-y: visible; scrollbar-width: none; -ms-overflow-style: none;
&::-webkit-scrollbar { display: none; }
[data-component="diff"] { border-radius: inherit; overflow: hidden; }}
[data-component="tool-loaded-item"] { display: flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; font-family: var(--font-family-sans); font-size: 13px; /* Loaded values truncate, so they require the full compact line box for descenders. */ line-height: var(--line-height-compact); letter-spacing: -0.04px; color: var(--v2-text-text-base);
[data-slot="tool-loaded-label"] { flex-shrink: 0; font-weight: 530; }
[data-slot="tool-loaded-value"] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 440; }
[data-slot="tool-loaded-kind"] { flex-shrink: 0; margin-inline-start: -2px; font-weight: 440; color: var(--v2-text-text-muted); }}
:root body [data-component="user-message"] { font-weight: 440;
[data-slot="user-message-text"] { background: var(--v2-background-bg-layer-01); }
[data-slot="user-message-comments"] { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; width: min(320px, 82%); margin-left: auto;
&[data-bounded] { width: 318px; max-width: 100%; margin-top: 8px; }
[data-component="tooltip-v2-trigger"] { width: 100%; }
[data-component="button-v2"] { font-family: var(--v2-font-family-sans, "Inter", sans-serif); font-weight: 530; font-variation-settings: "wght" 530, "slnt" 0; } }
[data-slot="user-message-body"] + [data-slot="user-message-attachments"], [data-slot="user-message-comments"] + [data-slot="user-message-attachments"] { margin-top: 8px; }
[data-slot="user-message-text"][data-comments] { width: 342px; padding-bottom: 12px; }}
:root[data-color-scheme="light"] body [data-component="user-message"] [data-slot="user-message-text"] { background: var(--v2-background-bg-layer-02);}
:root body [data-workspace-session] [data-component="user-message"] [data-slot="user-message-text"] { --user-message-mention-prefix-color: var(--v2-blue-300);
background: var(--v2-background-bg-accent); color: var(--v2-text-text-contrast);}
:root[data-color-scheme="light"] body [data-local-session] [data-component="user-message"] [data-slot="user-message-text"] { background: var(--v2-blue-100); color: var(--v2-blue-700); border-radius: 8px;}
:root[data-color-scheme="dark"] body [data-local-session] [data-component="user-message"] [data-slot="user-message-text"] { background: var(--v2-blue-1200); color: var(--v2-blue-300); border-radius: 8px;}