:root { --rrc-field-font-size: 17px; --rrc-field-line-height: 1.35; --rrc-field-bg: #171a18; --rrc-field-border: #7a8079; --rrc-field-focus: #e9e342; }
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea { min-height: 46px; padding: 10px 12px; border: 1px solid var(--rrc-field-border); border-radius: 2px; background: var(--rrc-field-bg); color: #f4f1e9; font-size: var(--rrc-field-font-size) !important; line-height: var(--rrc-field-line-height); }
select { color-scheme: dark; }
select option { background: #171a18; color: #f4f1e9; font-size: 17px; line-height: 1.4; }
input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):focus, select:focus, textarea:focus { outline: 2px solid var(--rrc-field-focus); outline-offset: 1px; border-color: var(--rrc-field-focus); }
input[type="range"] { min-height: 0; padding: 0; accent-color: #ef6d55; }
input::placeholder, textarea::placeholder { color: #b9bdb7; opacity: 1; }
button { min-height: 46px; padding: 10px 14px; font-size: 15px; line-height: 1.25; }
.rrc-editor-tools { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin:10px 0; padding:12px; border:1px solid #515650; background:#101211; }.rrc-tool-group { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:8px; border-left:3px solid #e9e342; background:#171a18; }.rrc-tool-group b { width:100%; color:#e9e342; font-size:12px; letter-spacing:1px; }.rrc-tool-layout { border-color:#79c7ff; }.rrc-tool-layout b { color:#79c7ff; }.rrc-tool-font { border-color:#a9c36c; }.rrc-tool-font b { color:#a9c36c; }.rrc-tool-image { border-color:#ef6d55; }.rrc-tool-image b,.rrc-editor-tools output { color:#ef6d55; }.rrc-editor-tools button,.rrc-editor-tools label { font-size:14px!important; font-weight:600; }.rrc-editor-tools select,.rrc-editor-tools input { min-height:36px; font-size:14px!important; }.form label,.toolbar label { font-size:14px!important; font-weight:600; }.form input,.form textarea,.form select,.toolbar input,.toolbar select,.toolbar textarea { font-size:16px!important; }
.rrc-expert-workspace { grid-template-columns:minmax(280px,.55fr) minmax(460px,1.45fr)!important; grid-template-rows:auto minmax(340px,1fr); align-items:start; }.rrc-expert-workspace>.form { grid-column:1; grid-row:1 / span 2; }.rrc-expert-panel { display:grid; grid-column:2; grid-row:1; gap:8px; min-width:0; padding:14px; border:1px solid #515650; border-top:3px solid #e9e342; background:#171a18; }.rrc-expert-panel summary { color:#e9e342; font-size:16px; font-weight:700; cursor:pointer; }.rrc-expert-panel .expert { display:block; width:100%; min-height:360px!important; margin:0; padding:14px; color:#f4f1e9; background:#101211; border:1px solid #303331; font:15px/1.5 Consolas,monospace; resize:vertical; }.rrc-expert-preview { grid-column:2; grid-row:2; width:100%; min-height:360px!important; }@media(max-width:800px){.rrc-expert-workspace{grid-template-columns:1fr!important;grid-template-rows:auto!important}.rrc-expert-workspace>.form,.rrc-expert-panel,.rrc-expert-preview{grid-column:1;grid-row:auto}.rrc-expert-panel .expert{min-height:300px!important}}
@media (max-width: 600px) { :root { --rrc-field-font-size: 17px; } }