/* Preferences use the same semantic tokens as every Clipbank surface. */
.cbp-quick{display:flex;align-items:center;gap:5px}
.cbp-quick-language select{width:112px;min-height:30px;padding:4px 22px 4px 8px;font-size:calc(11px * var(--cb-type-scale,1));background:var(--cb-surface,var(--surface));color:var(--cb-text,var(--text));border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius-sm,6px)}
.cbp-settings-entry{display:flex;align-items:center;gap:18px;padding:24px;margin-bottom:24px;background:var(--cb-surface,var(--surface));border:var(--cb-border-width,1px) solid var(--cb-border,var(--line));border-radius:var(--cb-radius,12px)}
.cbp-entry-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:var(--cb-radius,12px);background:var(--cb-primary-soft,var(--jade-soft));color:var(--cb-primary,var(--jade))}
.cbp-settings-entry h2{font-size:calc(18px * var(--cb-type-scale,1))}.cbp-settings-entry p{font-size:calc(12px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));margin-top:5px}.cbp-entry-actions{display:flex;gap:8px;margin-inline-start:auto;flex-shrink:0}
.cbp-dialog{width:min(1240px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 36px);height:min(890px,calc(100dvh - 36px));padding:0;border:var(--cb-border-width,1px) solid var(--cb-border,var(--line));border-radius:var(--cb-radius,14px);color:var(--cb-text,var(--text));background:var(--cb-bg,var(--bg));box-shadow:var(--cb-shadow,var(--shadow));overflow:hidden;font-family:var(--cb-font,var(--p-font,sans-serif));font-size:calc(14px * var(--cb-type-scale,1))}
.cbp-dialog[open]{display:flex;flex-direction:column}.cbp-dialog::backdrop{background:color-mix(in srgb,var(--cb-text,#172b26) 38%,transparent);backdrop-filter:blur(3px)}
.cbp-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 30px 18px;gap:20px;background:var(--cb-surface,var(--surface));flex-shrink:0}.cbp-header h2{font-size:calc(24px * var(--cb-type-scale,1));line-height:1.4;color:var(--cb-text,var(--text));font-family:var(--cb-heading-font,var(--p-heading-font,inherit));font-weight:var(--cb-heading-weight,650)}
.cbp-kicker{font-size:calc(10px * var(--cb-type-scale,1));letter-spacing:.18em;color:var(--cb-primary,var(--jade));font-weight:650;margin-bottom:5px}.cbp-subtitle{font-size:calc(12px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));margin-top:5px;max-width:760px}.cbp-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius-sm,6px);color:var(--cb-muted,var(--muted));font-size:calc(24px * var(--cb-type-scale,1))}.cbp-close:hover{background:var(--cb-hover,var(--jade-soft));color:var(--cb-text,var(--text))}
.cbp-tabs{display:flex;gap:20px;padding:0 30px;border-bottom:1px solid var(--cb-border,var(--line));background:var(--cb-surface,var(--surface));flex-shrink:0}.cbp-tabs button{display:flex;align-items:center;gap:7px;min-height:47px;padding:10px 2px;border-bottom:3px solid transparent;color:var(--cb-muted,var(--muted));font-size:calc(13px * var(--cb-type-scale,1))}.cbp-tabs button[aria-selected=true]{border-color:var(--cb-primary,var(--jade));color:var(--cb-primary,var(--jade));font-weight:650}
.cbp-body{flex:1;min-height:0;overflow:auto;padding:24px 30px}.cbp-body section[hidden]{display:none}.cbp-appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:25px}.cbp-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.cbp-section-title h3{font-size:calc(15px * var(--cb-type-scale,1));color:var(--cb-text,var(--text));font-family:var(--cb-heading-font,var(--p-heading-font,inherit))}.cbp-count,.cbp-source{font-size:calc(11px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));white-space:nowrap}.cbp-source{border:1px solid var(--cb-border,var(--line));padding:2px 6px;border-radius:4px}
.cbp-theme-filters{display:flex;flex-direction:column;gap:11px;margin-bottom:16px}.cbp-search input{min-height:36px;font-size:calc(12px * var(--cb-type-scale,1))}.cbp-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.cbp-filter-pills button{padding:4px 12px;min-height:29px;border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius-sm,6px);font-size:calc(11px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));background:var(--cb-surface,var(--surface))}.cbp-filter-pills button[aria-pressed=true]{color:var(--cb-primary,var(--jade));background:var(--cb-primary-soft,var(--jade-soft));border-color:var(--cb-primary,var(--jade))}
.cbp-theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cbp-theme-card{display:block;min-width:0;text-align:start;padding:5px;background:var(--cb-surface,var(--surface));border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius,10px);overflow:hidden}.cbp-theme-card.is-active{border-color:var(--cb-primary,var(--jade));box-shadow:0 0 0 1px var(--cb-primary,var(--jade))}.cbp-theme-card:hover{box-shadow:var(--cb-shadow,var(--shadow));transform:translateY(-1px)}
.cbp-theme-sample{position:relative;height:122px;display:flex;gap:11px;padding:15px 10px;background:var(--sample-bg);color:var(--sample-text);border:1px solid var(--sample-border);border-radius:var(--sample-radius);overflow:hidden}.cbp-sample-rail{flex:0 0 17px;display:flex;flex-direction:column;gap:8px;border-inline-end:1px solid var(--sample-border);padding-top:4px}.cbp-sample-rail b{width:7px;height:7px;background:var(--sample-primary);border-radius:2px;opacity:.45}.cbp-sample-rail b:first-child{opacity:1}.cbp-theme-sample>div{min-width:0;flex:1;padding:8px;background:var(--sample-surface);border:1px solid var(--sample-border);border-radius:calc(var(--sample-radius)*.5)}
.cbp-theme-sample strong{display:block;font-size:10px;color:var(--sample-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbp-theme-sample>div>span{display:block;font-size:8px;color:var(--sample-muted);margin:4px 0 8px;white-space:nowrap}.cbp-sample-action{display:inline-block;font-size:8px;font-style:normal;padding:3px 6px;background:var(--sample-primary);color:var(--sample-on-primary);border-radius:calc(var(--sample-radius)*.35)}.cbp-theme-swatches{position:absolute;bottom:7px;right:9px;display:flex;gap:3px}.cbp-theme-swatches i{width:5px;height:5px;border-radius:50%}.cbp-theme-caption{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 7px 7px;min-height:42px}.cbp-theme-caption strong{font-size:calc(11px * var(--cb-type-scale,1));line-height:1.4;color:var(--cb-text,var(--text));font-weight:600}.cbp-theme-caption small{font-size:calc(9px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));flex-shrink:0}.cbp-active-badge{display:flex;align-items:center;gap:3px;font-size:calc(9px * var(--cb-type-scale,1));color:var(--cb-primary,var(--jade));white-space:nowrap}
.cbp-controls{padding:18px;background:var(--cb-surface,var(--surface));border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius,12px);align-self:start;position:sticky;top:0}.cbp-controls label,.cbp-dictionary-filters label,.cbp-entry-editor label,.cbp-add-language label{display:flex;flex-direction:column;gap:6px;font-size:calc(11px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));margin-bottom:13px}.cbp-controls select,.cbp-controls input,.cbp-dictionary-filters input,.cbp-dictionary-filters select,.cbp-add-language input,.cbp-add-language select{font-size:calc(12px * var(--cb-type-scale,1));padding:7px 9px;min-height:34px}.cbp-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cbp-control-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--cb-border,var(--line));padding-top:14px;margin-top:1px}.cbp-control-actions .btn{font-size:calc(10px * var(--cb-type-scale,1));min-height:32px;padding:6px 9px;white-space:normal;text-align:center}.cbp-control-actions .btn:first-child{width:100%}.cbp-note{font-size:calc(10px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));line-height:1.7;margin-top:10px}
.cbp-custom-theme{border-top:1px solid var(--cb-border,var(--line));margin-top:17px;padding-top:13px}.cbp-custom-theme summary,.cbp-add-language summary{cursor:pointer;font-size:calc(12px * var(--cb-type-scale,1));font-weight:600;color:var(--cb-text,var(--text))}.cbp-custom-theme>p{font-size:calc(10px * var(--cb-type-scale,1));line-height:1.7;color:var(--cb-muted,var(--muted));margin:10px 0}.cbp-color-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.cbp-color-fields label{font-size:calc(10px * var(--cb-type-scale,1))}.cbp-color-fields input[type=color]{height:31px;min-height:0;padding:3px}.cbp-custom-theme .btn{font-size:calc(11px * var(--cb-type-scale,1));width:100%;white-space:normal}.cbp-danger{color:var(--cb-danger-ink,var(--cb-danger,#b53535))!important;border-color:color-mix(in srgb,var(--cb-danger,#b53535) 35%,var(--cb-border,var(--line)))!important;margin-top:16px;font-size:calc(11px * var(--cb-type-scale,1))!important;white-space:normal!important}.cbp-danger[hidden]{display:none}
.cbp-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 30px;border-top:1px solid var(--cb-border,var(--line));background:var(--cb-surface,var(--surface));flex-shrink:0}.cbp-footer>p:first-child{display:flex;gap:6px;align-items:center;font-size:calc(10px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));line-height:1.6}.cbp-footer [role=status]{font-size:calc(11px * var(--cb-type-scale,1));line-height:1.6;color:var(--cb-primary,var(--jade));max-width:45%}.cbp-footer .is-error{color:var(--cb-danger-ink,var(--cb-danger,#b53535))!important}
.cbp-language-choice{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;margin-bottom:25px;border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius,12px);background:var(--cb-surface,var(--surface))}.cbp-language-choice h3{font-size:calc(15px * var(--cb-type-scale,1))}.cbp-language-choice p{font-size:calc(11px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));margin-top:5px}.cbp-language-choice select{width:230px;flex-shrink:0;font-size:calc(12px * var(--cb-type-scale,1))}.cbp-dictionary-heading{align-items:flex-start}.cbp-dictionary-heading p{font-size:calc(11px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));margin-top:5px}.cbp-dictionary-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cbp-dictionary-actions .btn{font-size:calc(10px * var(--cb-type-scale,1));min-height:32px;padding:6px 10px}
.cbp-dictionary-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.cbp-dictionary-list{min-width:0}.cbp-dictionary-filters{display:grid;grid-template-columns:156px minmax(130px,1fr) 125px;gap:10px}.cbp-dictionary-filters label{margin-bottom:10px}.cbp-coverage{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:calc(10px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted))}.cbp-coverage strong{color:var(--cb-primary,var(--jade));font-weight:600}.cbp-table-scroll{margin-top:15px;max-height:460px;overflow:auto;border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius-sm,7px);background:var(--cb-surface,var(--surface))}.cbp-dictionary-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:calc(11px * var(--cb-type-scale,1))}.cbp-dictionary-table thead{position:sticky;top:0;z-index:1;background:var(--cb-inset,var(--paper));color:var(--cb-muted,var(--muted))}.cbp-dictionary-table th{font-size:calc(10px * var(--cb-type-scale,1));font-weight:550;text-align:start;padding:10px 12px}.cbp-dictionary-table th:nth-child(1){width:45%}.cbp-dictionary-table th:nth-child(2){width:37%}.cbp-dictionary-table th:nth-child(3){width:18%}.cbp-dictionary-table td{padding:10px 12px;border-top:1px solid var(--cb-border,var(--line));vertical-align:top;overflow-wrap:anywhere}.cbp-dictionary-table tr.is-selected td{background:var(--cb-primary-soft,var(--jade-soft))}.cbp-dictionary-table td>button{display:block;width:100%;text-align:start;padding:0}.cbp-dictionary-table code{display:block;font-family:var(--cb-mono,monospace);font-size:calc(9px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));line-height:1.5;margin-bottom:4px}.cbp-dictionary-table td>button>span,.cbp-translation-cell{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.cbp-entry-status{display:inline-block;font-size:calc(9px * var(--cb-type-scale,1));line-height:1.5;color:var(--cb-muted,var(--muted));padding:3px 5px;border-radius:4px;background:var(--cb-inset,var(--paper))}.cbp-entry-status.missing{color:var(--cb-warning-ink,var(--warning));background:var(--cb-warning-soft,var(--paper))}.cbp-entry-status.overridden{color:var(--cb-primary,var(--jade));background:var(--cb-primary-soft,var(--jade-soft))}.cbp-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:calc(10px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted))}.cbp-pagination .btn{font-size:calc(10px * var(--cb-type-scale,1));padding:5px 10px;min-height:30px}
.cbp-entry-editor{padding:18px;border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius,12px);background:var(--cb-surface,var(--surface));align-self:start;position:sticky;top:0;min-width:0}.cbp-entry-editor h3{font-size:calc(14px * var(--cb-type-scale,1))}.cbp-entry-editor h4{font-size:calc(10px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted));font-weight:500;margin:15px 0 7px}.cbp-entry-editor [data-cbp-draft-state]{font-size:calc(9px * var(--cb-type-scale,1));color:var(--cb-muted,var(--muted))}.cbp-editor-key{font-family:var(--cb-mono,monospace);font-size:calc(10px * var(--cb-type-scale,1));overflow-wrap:anywhere;color:var(--cb-primary,var(--jade))}.cbp-source-text{font:calc(11px * var(--cb-type-scale,1))/1.75 var(--cb-font,var(--p-font,sans-serif));white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;padding:10px;background:var(--cb-inset,var(--paper));border-radius:var(--cb-radius-sm,6px);margin:0 0 12px}.cbp-context{font-size:calc(10px * var(--cb-type-scale,1));line-height:1.6;color:var(--cb-muted,var(--muted));margin-bottom:13px}.cbp-context summary{cursor:pointer}.cbp-context p{overflow-wrap:anywhere;padding-top:6px}.cbp-parameters{font-size:calc(10px * var(--cb-type-scale,1));line-height:1.7;color:var(--cb-primary,var(--jade));overflow-wrap:anywhere;margin-bottom:12px}.cbp-entry-editor textarea{font:calc(12px * var(--cb-type-scale,1))/1.7 var(--cb-font,var(--p-font,sans-serif));min-height:150px;max-height:340px}.cbp-entry-editor form>label{display:block}.cbp-entry-editor textarea{margin-top:7px}.cbp-editor-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.cbp-editor-actions .btn{font-size:calc(10px * var(--cb-type-scale,1));min-height:32px;padding:6px 10px}
.cbp-empty{padding:30px 15px;text-align:center;color:var(--cb-muted,var(--muted));font-size:calc(12px * var(--cb-type-scale,1))}.cbp-empty .cb-icon{margin:15px auto}.cbp-empty p{margin-top:12px}.cbp-add-language{margin-top:25px;padding-top:17px;border-top:1px solid var(--cb-border,var(--line))}.cbp-add-language form{display:grid;grid-template-columns:1fr 1.2fr 140px auto;align-items:end;gap:12px;margin-top:16px}.cbp-add-language label{margin-bottom:0}.cbp-add-language .btn{min-height:35px;font-size:calc(11px * var(--cb-type-scale,1))}
.cbp-confirm{width:min(430px,calc(100vw - 40px));padding:26px;color:var(--cb-text,var(--text));border:1px solid var(--cb-border,var(--line));border-radius:var(--cb-radius,12px);box-shadow:var(--cb-shadow,var(--shadow));background:var(--cb-surface,var(--surface))}.cbp-confirm::backdrop{background:color-mix(in srgb,var(--cb-text,#172b26) 30%,transparent)}.cbp-confirm h3{font-size:calc(16px * var(--cb-type-scale,1));line-height:1.65;margin-bottom:22px}.cbp-confirm>div{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:1100px){.cbp-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cbp-theme-sample{height:128px}.cbp-dictionary-layout{grid-template-columns:minmax(0,1fr) 260px}.cbp-dictionary-filters{grid-template-columns:1fr 1fr}.cbp-dictionary-search{grid-column:1/-1;grid-row:2}.cbp-dictionary-heading{flex-direction:column}.cbp-dictionary-actions{justify-content:flex-start}.cbp-quick-language select{width:88px}}
@media(max-width:780px){.cbp-dialog{width:calc(100vw - 18px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.cbp-header{padding:19px 18px 14px}.cbp-header h2{font-size:calc(21px * var(--cb-type-scale,1))}.cbp-subtitle{font-size:calc(11px * var(--cb-type-scale,1))}.cbp-tabs{padding:0 18px}.cbp-body{padding:18px}.cbp-appearance-layout{grid-template-columns:1fr}.cbp-controls{position:static}.cbp-theme-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.cbp-theme-sample{height:112px;padding:11px 7px;gap:6px}.cbp-sample-rail{flex-basis:12px}.cbp-theme-caption{padding:9px 3px 5px;flex-direction:column;align-items:flex-start;gap:4px}.cbp-dictionary-layout{grid-template-columns:1fr}.cbp-entry-editor{position:static}.cbp-language-choice{padding:15px;align-items:flex-start;flex-direction:column;gap:12px}.cbp-language-choice select{width:100%}.cbp-add-language form{grid-template-columns:1fr 1fr}.cbp-footer{padding:10px 18px;align-items:flex-start;flex-direction:column;gap:6px}.cbp-footer [role=status]{max-width:none}.cbp-settings-entry{flex-wrap:wrap;padding:18px}.cbp-entry-actions{margin-inline-start:0;width:100%}.cbp-quick-language select{width:78px;font-size:calc(10px * var(--cb-type-scale,1))}.cbp-quick{gap:1px}.cbp-controls [data-cbp-adjustments]{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.cbp-controls .cbp-control-pair{grid-column:1/-1}.cbp-color-fields{grid-template-columns:repeat(5,1fr)}}
@media(max-width:480px){.cbp-theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cbp-color-fields{grid-template-columns:repeat(2,1fr)}.cbp-add-language form{grid-template-columns:1fr}.cbp-table-scroll{max-height:360px}.cbp-dictionary-table th:nth-child(1){width:43%}.cbp-dictionary-table th:nth-child(2){width:36%}.cbp-dictionary-table th:nth-child(3){width:21%}.cbp-dictionary-table td,.cbp-dictionary-table th{padding:8px}.cbp-quick-language select{max-width:71px}.cbp-theme-sample>div>span{font-size:7px}.cbp-quick .cbp-open{width:28px;height:30px}}
@media(prefers-reduced-motion:reduce){.cbp-dialog *{scroll-behavior:auto!important}.cbp-theme-card:hover{transform:none}}