/* Use-case hero editor panel */
#uc-hero-editor-toggle{position:fixed;bottom:20px;right:20px;z-index:9998;background:#04122E;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 16px;font:600 13px/1 system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.25);display:none}
#uc-hero-editor-toggle.is-visible{display:inline-flex;align-items:center;gap:8px}
#uc-hero-editor-toggle svg{width:14px;height:14px}
#uc-hero-editor{position:fixed;bottom:70px;right:20px;z-index:9999;width:320px;background:#0b1a3a;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;font:13px/1.4 system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.4);display:none}
#uc-hero-editor.is-open{display:block}
#uc-hero-editor h4{margin:0 0 12px;font-size:14px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between}
#uc-hero-editor h4 button{background:transparent;border:0;color:rgba(255,255,255,.6);font-size:18px;cursor:pointer;line-height:1}
#uc-hero-editor label{display:block;margin:10px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.65)}
#uc-hero-editor input[type=range]{width:100%;accent-color:#4FD1FF}
#uc-hero-editor input[type=file]{width:100%;font-size:12px;color:rgba(255,255,255,.8)}
#uc-hero-editor .uc-he-row{display:flex;gap:8px;margin-top:12px}
#uc-hero-editor .uc-he-row button{flex:1;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 10px;font:600 12px/1 system-ui;cursor:pointer}
#uc-hero-editor .uc-he-row button.primary{background:linear-gradient(135deg,#4FD1FF,#0A4DA6);border-color:transparent}
#uc-hero-editor .uc-he-row button:hover{filter:brightness(1.15)}
#uc-hero-editor .uc-he-val{float:right;color:#4FD1FF;font-variant-numeric:tabular-nums}
#uc-hero-editor .uc-he-hint{margin-top:10px;font-size:11px;color:rgba(255,255,255,.5);line-height:1.5}