.panel-css-settings{display:grid;gap:20px}
.panel-css-settings>header{display:flex;align-items:flex-start;gap:12px}
.panel-css-settings>header>svg{flex:0 0 auto;color:var(--lime,#9dff00);margin-top:2px}
.panel-css-settings>header h2{margin:0 0 4px}
.panel-css-settings>header p{margin:0;color:var(--muted)}
.panel-css-meta{display:flex;flex-wrap:wrap;gap:8px}
.panel-css-meta span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700}
.panel-css-section{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.panel-css-section>header{display:grid;gap:3px}
.panel-css-section>header h3{margin:0;font-size:15px}
.panel-css-section>header p{margin:0;color:var(--muted);font-size:12px}
.panel-css-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.panel-css-palette button{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--input-bg);color:var(--text);font-weight:750;text-align:left;cursor:pointer}
.panel-css-palette button:hover,.panel-css-palette button:focus-visible{border-color:var(--lerc-block-hover-border,#9dff00);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.panel-css-palette i{width:22px;height:22px;border-radius:7px;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 3px rgba(0,0,0,.08)}
.panel-css-color-grid,.panel-css-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.panel-css-color-field,.panel-css-size-field{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.02em}
.panel-css-color-control{display:grid;grid-template-columns:48px 1fr;gap:8px}
.panel-css-color-control input[type=color]{width:48px;min-width:48px;height:42px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--input-bg);cursor:pointer}
.panel-css-color-control input[type=text],.panel-css-size-field input{height:42px}
.panel-css-size-field span{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:4px}
.panel-css-size-field span::after{content:'px';color:var(--muted);font-size:11px;text-align:center}
.panel-css-preview{display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.panel-css-preview-header p{margin:0 0 7px;color:var(--lerc-page-kicker-color-light);font-size:var(--lerc-page-kicker-size);font-weight:850;letter-spacing:.14em;text-transform:uppercase}
html:not([data-theme=light]) .panel-css-preview-header p{color:var(--lerc-page-kicker-color-dark)}
.panel-css-preview-header h2{margin:0;color:var(--lerc-page-title-color-light);font-size:var(--lerc-page-title-size);line-height:1.1;text-transform:uppercase}
html:not([data-theme=light]) .panel-css-preview-header h2{color:var(--lerc-page-title-color-dark)}
.panel-css-preview-header span{display:block;margin-top:7px;color:var(--lerc-page-description-color-light);font-size:var(--lerc-page-description-size)}
html:not([data-theme=light]) .panel-css-preview-header span{color:var(--lerc-page-description-color-dark)}
.panel-css-preview-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);transition:var(--lerc-block-transition)}
.panel-css-preview-card:hover{border-color:var(--lerc-block-hover-border);box-shadow:var(--lerc-block-hover-shadow-light);transform:var(--lerc-block-hover-lift)}
html:not([data-theme=light]) .panel-css-preview-card:hover{box-shadow:var(--lerc-block-hover-shadow-dark)}
.panel-css-preview-card h3{margin:0 0 5px;color:var(--lerc-block-title-color-light);font-size:var(--lerc-block-title-size)}
html:not([data-theme=light]) .panel-css-preview-card h3{color:var(--lerc-block-title-color-dark)}
.panel-css-preview-card p{margin:0;color:var(--lerc-block-description-color-light);font-size:var(--lerc-block-description-size)}
html:not([data-theme=light]) .panel-css-preview-card p{color:var(--lerc-block-description-color-dark)}
.panel-css-import{position:relative;overflow:hidden}
.panel-css-import input{position:absolute;inset:0;opacity:0;cursor:pointer}
.panel-css-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px}
.panel-css-status{margin:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--lerc-block-hover-border) 35%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--lerc-block-hover-border) 8%,transparent);color:var(--text);font-size:12px}
@media(max-width:760px){.panel-css-color-grid,.panel-css-size-grid{grid-template-columns:1fr}.panel-css-palette{grid-template-columns:1fr 1fr}.panel-css-actions>*{flex:1 1 150px}.panel-css-preview-header h2{font-size:var(--lerc-page-title-size)}}
@media(max-width:460px){.panel-css-palette{grid-template-columns:1fr}}