:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]).contrib-board-roomy .ov-settings { max-height:580px; overflow-y:auto; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .ov-settings > .section-title { margin-top:0!important; margin-bottom:8px; padding-bottom:8px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-mode-grid { margin-top:6px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-mode-btn { padding:8px 10px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-basic-grid { gap:8px; margin-top:10px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-basic-grid:has([data-contrib-legacy-font][hidden]) { grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr)); }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-field { padding:8px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header { gap:18px; align-items:center; flex-wrap:wrap; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header > .ov-section-title { flex:none; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header > .ov-section-actions { margin-left:auto; flex:none; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header > .contrib-board-guide { flex:1; min-width:260px; padding-left:18px; border-left:1px solid rgba(255,215,0,.22); color:var(--text-sub); }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-guide p { max-width:60em; margin:0; font-size:10px; line-height:1.65; overflow-wrap:anywhere; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-toolbar { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:10px; margin:10px 0; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-card { min-width:0; padding:10px; border:1px solid var(--border); border-radius:10px; background:rgba(255,215,0,.035); }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-card h3 { margin:0 0 8px; font-size:12px; color:#FFD54F; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [data-contrib-color-hint] { margin:0 0 8px; font-size:10px; line-height:1.5; color:var(--text-sub); overflow-wrap:anywhere; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [data-contrib-color-hint][hidden] { display:none!important; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-current { display:flex; align-items:center; justify-content:center; min-height:88px; border-radius:7px; overflow:hidden; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-current img { width:auto; max-width:100%; height:88px; object-fit:contain; border-radius:7px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-card [data-contrib-current-name] { display:block; margin:6px 0; font-size:12px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-card > .btn { width:100%; min-height:30px; padding:6px 10px; font-size:11px; justify-content:center; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [data-contrib-colors] { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px 8px; padding:3px 0; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-color.color-dot { width:26px; height:26px; margin:auto; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-color[aria-pressed="true"] { outline:2px solid #FFD54F; outline-offset:4px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Position"] { margin-top:12px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Layout"] { grid-template-columns:minmax(0,1fr); gap:12px; padding:10px; border:1px solid rgba(255,215,0,.22); border-radius:10px; background:rgba(255,215,0,.035); }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-board-layout-label { font-size:11px; font-weight:700; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Position"] .contrib-board-position-buttons { margin-top:6px; gap:6px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Position"] .contrib-board-position-buttons button { min-height:32px; padding:6px 8px; font-size:11px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Position"] button:focus-visible { outline:2px solid #FFD54F; outline-offset:2px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Layout"] .contrib-board-scale-value { font-size:12px; font-weight:700; gap:4px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="ScaleValue"] { width:58px; min-height:30px; padding:4px 6px; font-size:15px; font-weight:700; text-align:right; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Scale"] { height:18px; margin:6px 0; accent-color:#FFD54F; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Layout"] .contrib-board-scale-marks { gap:6px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [id$="Layout"] .contrib-board-scale-marks button { min-height:28px; font-size:11px; }
:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) [data-contrib-load-status] { color:#FBBF24; font-size:12px; line-height:1.6; margin:8px 0; }
[data-contrib-legacy-font][hidden], [data-contrib-load-status][hidden], .contrib-design-modal[hidden] { display:none!important; }
.contrib-design-modal { position:fixed; inset:0; z-index:1100; display:flex; align-items:center; justify-content:center; padding:24px; background:rgba(2,6,23,.78); backdrop-filter:blur(5px); }
.contrib-design-dialog { width:min(1120px,100%); max-height:90vh; max-height:90dvh; display:flex; flex-direction:column; overflow:hidden; border:1px solid #475569; border-radius:18px; background:#101827; color:#F1F5F9; box-shadow:0 24px 80px #0008; }
.contrib-design-header,.contrib-design-footer { display:flex; align-items:center; gap:12px; flex-shrink:0; padding:16px 20px; }
.contrib-design-header { justify-content:space-between; border-bottom:1px solid #334155; }
.contrib-design-header h2 { margin:0; font-size:18px; }
.contrib-design-categories { display:flex; flex-wrap:wrap; gap:7px; padding:14px 20px; flex-shrink:0; }
.contrib-design-category { border:1px solid #475569; border-radius:20px; padding:7px 13px; background:#172135; color:#CBD5E1; font-size:12px; font-weight:700; cursor:pointer; }
.contrib-design-category[aria-pressed="true"] { color:#FFF9C4; border-color:#FFD54F; background:#403713; }
.contrib-design-body { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr); gap:18px; min-height:0; padding:0 20px 16px; overflow:hidden; }
.contrib-design-catalog { min-width:0; overflow:auto; overscroll-behavior:contain; padding:0 6px 4px 0; }
.contrib-design-list-heading { font-size:12px; color:#94A3B8; padding-bottom:10px; }
.contrib-design-list-heading span { float:right; }
.contrib-design-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.contrib-design-option { display:flex; flex-direction:column; gap:7px; min-width:0; padding:7px; border:1px solid #334155; border-radius:10px; background:#182236; color:#CBD5E1; cursor:pointer; }
.contrib-design-option img { width:100%; height:110px; display:block; object-fit:contain; border-radius:6px; background:#101827; }
.contrib-design-option span { min-height:18px; font-size:12px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
.contrib-design-option[aria-pressed="true"] { border-color:#FFD54F; background:#403713; box-shadow:0 0 0 1px #FFD54F66; color:#FFF9C4; }
.contrib-design-sample-wrap { min-width:0; }
.contrib-design-sample-wrap h3 { margin:0 0 12px; font-size:15px; }
.contrib-design-sample { width:100%; height:340px; max-height:44vh; overflow:hidden; background:#080F1D; border:1px solid #334155; border-radius:12px; }
.contrib-design-sample img { width:100%; height:100%; object-fit:contain; }
.contrib-design-sample-wrap p { margin:12px 0 0; color:#94A3B8; font-size:12px; line-height:1.7; }
.contrib-design-footer { justify-content:flex-end; border-top:1px solid #334155; }
.contrib-design-footer [data-contrib-confirm] { background:linear-gradient(135deg,#FFD54F,#F59E0B); color:#17120A; }
.contrib-design-modal button:focus-visible { outline:2px solid #FFD54F; outline-offset:3px; }
.contrib-design-modal button:disabled,:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) button:disabled,:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) input:disabled,:is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) select:disabled { opacity:.45; cursor:not-allowed; }
@media(max-width:760px) {
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header { gap:10px; }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header > .ov-section-title { font-size:14px; }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) > .ov-section-header > .contrib-board-guide { order:3; flex-basis:100%; min-width:0; padding:0; border:0; }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .ov-split { grid-template-columns:minmax(0,1fr); }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]).contrib-board-roomy .ov-settings { min-height:0; max-height:none; overflow:visible; }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]).contrib-board-roomy .ov-preview { min-height:360px; }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-toolbar { grid-template-columns:minmax(0,1fr); }
  :is([data-overlay-id="contrib-board"], [data-contrib-design-ui]) .contrib-design-selector { justify-self:start; }
  .contrib-design-modal { padding:10px; }
  .contrib-design-dialog { max-height:95vh; max-height:95dvh; }
  .contrib-design-header,.contrib-design-footer { padding:12px; }
  .contrib-design-header h2 { font-size:16px; }
  .contrib-design-categories { padding:10px 12px; gap:5px; }
  .contrib-design-body { display:block; overflow:auto; padding:0 12px 12px; }
  .contrib-design-catalog { max-height:35vh; }
  .contrib-design-option img { height:82px; }
  .contrib-design-sample-wrap { margin-top:16px; }
  .contrib-design-sample { height:240px; }
  .contrib-design-footer { flex-wrap:wrap; gap:8px; }
}

.contrib-design-option { position:relative; }
.contrib-design-common-badge { position:absolute; top:11px; right:11px; border:1px solid rgba(255,213,79,.3); border-radius:5px; padding:2px 5px; background:rgba(15,23,42,.92); color:#FFF0A6; font-size:9px; font-weight:700; line-height:1.3; pointer-events:none; }
.contrib-design-common-note { flex-shrink:0; margin:0 20px 12px; color:#FFF0A6; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.contrib-design-common-note[hidden] { display:none!important; }
@media(max-width:760px) { .contrib-design-common-note { margin:0 12px 10px; font-size:11px; } }