.ucl-live{position:relative;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(138,140,255,.025),rgba(255,255,255,.008))}
.ucl-live:before{content:"";position:absolute;width:620px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(138,140,255,.13),transparent 70%);filter:blur(35px);pointer-events:none}
.ucl-live .section-head{position:relative}
.ucl-tool-stage{position:relative;display:flex;justify-content:center}
.ucl-exact-panel{--ucl-bg:#202020;--ucl-panel:#292929;--ucl-field:#171717;--ucl-button:#4a4a4a;--ucl-button-hover:#585858;--ucl-line:#3a3a3a;--ucl-text:#f2f2f2;--ucl-muted:#a9adb4;--ucl-accent:#71a7ef;position:relative;width:537px;max-width:100%;height:730px;overflow:hidden;border:1px solid #111;border-radius:2px;background:var(--ucl-bg);color:var(--ucl-text);font:12px/1.3 Arial,Helvetica,sans-serif;direction:ltr;color-scheme:dark;box-shadow:0 30px 80px rgba(0,0,0,.42)}
.ucl-exact-panel *{box-sizing:border-box}
.ucl-exact-panel section{padding:0!important}
.ucl-exact-panel button,.ucl-exact-panel input,.ucl-exact-panel textarea,.ucl-exact-panel select{font:inherit;color:inherit}
.ucl-exact-panel button{min-height:31px;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:var(--ucl-button);font-size:11.5px;line-height:1.15;font-weight:700;cursor:pointer}
.ucl-exact-panel button:hover{background:var(--ucl-button-hover)}
.ucl-exact-panel button:active{transform:translateY(1px)}
.ucl-exact-panel button:focus-visible,.ucl-exact-panel input:focus-visible,.ucl-exact-panel textarea:focus-visible,.ucl-exact-panel select:focus-visible{outline:1px solid var(--ucl-accent);outline-offset:1px}
.ucl-exact-panel input,.ucl-exact-panel textarea,.ucl-exact-panel select{min-width:0;padding:6px 7px;border:1px solid #414141;border-radius:7px;background:var(--ucl-field);font-size:11.5px}
.ucl-exact-panel input[type=checkbox]{width:14px;height:14px;margin:0 5px 0 0;padding:0;vertical-align:-2px;accent-color:#2f8cff}
.ucl-exact-panel input[type=number]{appearance:textfield}
.ucl-exact-panel textarea{min-height:32px;max-height:90px;resize:vertical}
.ucl-exact-panel [hidden]{display:none!important}
.ucl-app-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 6px 0 9px;border-bottom:1px solid var(--ucl-line);background:#222}
.ucl-app-title{display:flex;align-items:baseline;min-width:0;gap:5px}
.ucl-app-title h3{overflow:hidden;margin:0;color:#f2f2f2;font-size:13.5px;line-height:1;white-space:nowrap;text-overflow:ellipsis}
.ucl-app-title span{color:var(--ucl-muted);font-size:9.5px}
.ucl-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:3px}
.ucl-exact-panel .ucl-icon-button{width:30px;min-width:30px;min-height:28px;padding:0;font-size:19px;line-height:27px}
.ucl-notification-button{position:relative}
.ucl-notification-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;vertical-align:-3px}
.ucl-app-menu{position:absolute;z-index:40;top:35px;right:5px;width:190px;padding:5px;border:1px solid #4a4a4a;border-radius:8px;background:#282828;box-shadow:0 9px 24px rgba(0,0,0,.46)}
.ucl-app-menu button{display:block;width:100%;min-height:28px;padding:5px 7px;border-radius:6px;background:transparent;text-align:left;font-weight:400}
.ucl-app-menu button:hover{background:#444}
.ucl-app-content{height:calc(100% - 40px);overflow-y:auto;padding:7px;scrollbar-color:#4b4b4b #1b1b1b;scrollbar-width:thin}
.ucl-app-content::-webkit-scrollbar{width:10px}
.ucl-app-content::-webkit-scrollbar-track{background:#1b1b1b}
.ucl-app-content::-webkit-scrollbar-thumb{border:2px solid #1b1b1b;border-radius:8px;background:#4b4b4b}
.ucl-options-card{margin-bottom:7px}
.ucl-exact-panel .ucl-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:34px;padding:6px 9px;border-color:var(--ucl-line);background:#191919;text-align:left}
.ucl-exact-panel .ucl-section-toggle:hover{background:#242424}
.ucl-section-toggle[aria-expanded=false] .ucl-chevron{transform:rotate(-90deg)}
.ucl-chevron{color:var(--ucl-muted);transition:transform .15s ease}
.ucl-options-body{padding-top:6px}
.ucl-options-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:8px;border:1px solid #333;border-radius:8px;background:var(--ucl-panel)}
.ucl-options-grid>label,.ucl-indexed-option label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.ucl-indexed-option{display:grid;grid-template-columns:minmax(52px,auto) minmax(47px,1fr);align-items:center;gap:5px}
.ucl-indexed-option input[type=number]{width:100%;height:29px;text-align:center}
.ucl-effects-check{align-self:center}
.ucl-exact-panel .ucl-effects-picker-button{width:100%;min-height:27px;padding:4px 6px;background:var(--ucl-button);font-size:11px}
.ucl-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:4px;border-radius:10px;background:#202020;font-size:9px}
.ucl-effects-picker{margin-top:6px;padding:6px;border:1px solid #393939;border-radius:8px;background:#292929}
.ucl-effects-picker input{width:100%;height:31px}
.ucl-selected-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.ucl-selected-items span{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border:1px solid #4f5965;border-radius:15px;background:#343d47;font-size:10px}
.ucl-option-presets-scroll{overflow-x:auto;margin-top:6px;padding-bottom:2px}
.ucl-option-presets{display:grid;grid-template-columns:minmax(78px,1fr) 30px minmax(88px,1fr) auto auto auto;gap:4px;min-width:470px}
.ucl-option-presets select,.ucl-option-presets input,.ucl-option-presets button{height:31px;min-height:31px}
.ucl-option-presets button{padding:4px 7px}
.ucl-exact-panel .ucl-pin-button{padding:0;font-size:13px}
.ucl-create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.ucl-create-grid>button,.ucl-text-combo{min-height:34px}
.ucl-create-grid>button{display:flex;align-items:center;justify-content:center;gap:6px}
.ucl-button-icon{color:#c5c9d0;font-size:13px;font-weight:400}
.ucl-text-combo{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:6px}
.ucl-text-combo textarea,.ucl-text-combo button{min-height:34px}
.ucl-text-combo button{display:flex;align-items:center;justify-content:center;gap:6px}
.ucl-create-grid .ucl-wide{grid-column:1/-1}
.ucl-hover-tip{position:fixed;z-index:99999;width:min(310px,calc(100vw - 24px));padding:12px 14px;border:1px solid rgba(138,140,255,.55);border-radius:10px;background:rgba(14,14,18,.97);color:#fff;box-shadow:0 14px 42px rgba(0,0,0,.48);pointer-events:none;transform:translateY(4px);opacity:0;transition:opacity .12s ease,transform .12s ease}
.ucl-hover-tip.is-visible{transform:none;opacity:1}
.ucl-hover-tip strong{display:block;margin:0 0 4px;color:#fff!important;font-size:13px;line-height:1.35}
.ucl-hover-tip p{margin:0;color:#c8c8d1!important;font-size:11px;line-height:1.55}
.ucl-hover-tip[dir=rtl]{font-family:"Tajawal",system-ui,sans-serif;text-align:right}
html[data-theme=light] .ucl-exact-panel .ucl-app-header{border-bottom-color:#3a3a3a!important;background:#222!important}
html[data-theme=light] .ucl-exact-panel .ucl-app-title h3{color:#f2f2f2!important}
html[data-theme=light] .ucl-exact-panel input,
html[data-theme=light] .ucl-exact-panel textarea,
html[data-theme=light] .ucl-exact-panel select{border-color:#414141!important;background:#171717!important;color:#f2f2f2!important}
html[data-theme=light] .ucl-exact-panel input::placeholder,
html[data-theme=light] .ucl-exact-panel textarea::placeholder{color:#888d96!important}
html[data-theme=light] .ucl-hover-tip strong{color:#fff!important}
html[data-theme=light] .ucl-hover-tip p{color:#c8c8d1!important}
@media(max-width:620px){
  .ucl-exact-panel{height:680px}
  .ucl-app-title h3{font-size:12.5px}
  .ucl-options-grid{gap:4px 7px;padding:7px}
  .ucl-indexed-option{grid-template-columns:minmax(45px,auto) minmax(42px,1fr);gap:3px}
  .ucl-exact-panel button,.ucl-exact-panel input,.ucl-exact-panel textarea,.ucl-exact-panel select{font-size:10.5px}
  .ucl-option-presets{min-width:440px}
  .ucl-text-combo{grid-template-columns:minmax(0,1fr) 60px}
}