.vybe-tfb-panel{--ink:var(--text-1,#28243b);--accent:#8950da;--line:#9369d33b;--soft:var(--bg,#f7f5fc);--soft-2:#9858da18;--panel:var(--card-bg,#fff);margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(115deg,#2f8fd30b,#aa40d40e);color:var(--ink);font-size:13px}.vybe-tfb-panel [hidden]{display:none!important}.vybe-panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.vybe-panel-header h3{margin:0 0 7px;font-size:18px}.vybe-panel-header p,.vybe-hint{font-size:12px;line-height:1.7;opacity:.7;margin:0}.vybe-panel-header>span{padding:9px 12px;background:#9252d51c;border:1px solid var(--line);border-radius:9px;color:var(--accent);font-weight:700}.vybe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.vybe-grid.vybe-four{grid-template-columns:repeat(4,minmax(0,1fr))}.vybe-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600}.vybe-full{grid-column:1/-1}.vybe-field input,.vybe-field select,.vybe-field textarea{box-sizing:border-box;width:100%;min-height:44px;padding:11px 12px;background:var(--soft);border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-weight:400;outline-color:var(--accent)}.vybe-field textarea{min-height:80px;resize:vertical}.vybe-choices{border:0;padding:0;margin:20px 0}.vybe-choices legend{font-size:13px;font-weight:650;margin-bottom:12px}.vybe-choices>div{display:flex;flex-wrap:wrap;gap:8px}.vybe-choices label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--soft);cursor:pointer}.vybe-choices label:has(input:checked){background:#9253da20;border-color:var(--accent)}.vybe-choices input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.vybe-stage{padding-top:4px;border-top:1px solid var(--line);margin-top:20px}.vybe-recap{padding:13px 15px;background:#9253da15;border:1px solid var(--line);border-radius:9px;margin:0 0 16px;font-weight:650}.vybe-stage .vybe-hint{margin:0 0 18px}.vybe-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.vybe-panel-footer>span{font-size:11px;opacity:.75}.vybe-save{padding:12px 15px;border:1px solid #965ce0;background:linear-gradient(110deg,#466ce1,#9748d7);border-radius:9px;color:white;font-size:12px;font-weight:650;cursor:pointer;min-height:44px}.vybe-save:disabled{opacity:.6;cursor:wait}.vybe-alert{padding:12px 14px;margin-bottom:16px;background:#c1547114;border:1px solid #c1547140;color:#bc526a;border-radius:9px;line-height:1.6}.vybe-open{display:inline-block;margin-top:17px;color:var(--accent);font-size:12px;text-decoration:none}.vybe-tfb-panel form>.vybe-hint{margin-top:14px}
@media(max-width:900px){.vybe-grid.vybe-four{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vybe-tfb-panel{padding:16px}.vybe-grid,.vybe-grid.vybe-four{grid-template-columns:1fr}.vybe-panel-header,.vybe-panel-footer{align-items:flex-start;flex-direction:column}.vybe-choices>div{display:grid;grid-template-columns:1fr 1fr}.vybe-choices label{min-height:44px}.vybe-save{width:100%}.vybe-field input,.vybe-field textarea,.vybe-field select{font-size:16px}}

.vybe-select{position:relative;min-width:0;width:100%}.vybe-select.is-open{z-index:85}.vybe-native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;opacity:0!important;overflow:hidden;pointer-events:none;padding:0!important;border:0!important;left:0;top:0}.vybe-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;width:100%;min-height:46px;padding:12px 14px;background:linear-gradient(120deg,color-mix(in srgb,var(--soft) 90%,transparent),var(--soft));color:var(--ink);border:1px solid var(--line);border-radius:11px;font:inherit;font-weight:450;box-shadow:inset 0 1px 0 #ffffff12;cursor:pointer}.vybe-select-trigger:hover{border-color:var(--accent)}.vybe-select-trigger:focus-visible,.vybe-select.is-open .vybe-select-trigger{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px #8e52df20}.vybe-select-trigger:disabled{opacity:.5;cursor:not-allowed}.vybe-select-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vybe-select-chevron{font-size:19px;line-height:1;color:var(--accent);transition:transform .18s}.is-open .vybe-select-chevron{transform:rotate(180deg)}.vybe-select-popup{position:absolute;top:calc(100% + 7px);left:0;right:0;min-width:min(220px,100%);padding:7px;background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:13px;box-shadow:0 15px 45px #100b252b;z-index:90}.vybe-select[data-side=up] .vybe-select-popup{top:auto;bottom:calc(100% + 7px)}.vybe-select-options{max-height:min(240px,36vh);overflow-y:auto;overscroll-behavior:contain}.vybe-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;min-height:44px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.vybe-select-option:hover,.vybe-select-option.is-active{background:var(--soft)}.vybe-select-option[aria-selected=true]{background:var(--soft-2);color:var(--accent);font-weight:650}.vybe-select-check{color:var(--accent);font-weight:750}.field .vybe-select-search{width:100%;min-height:42px;margin-bottom:7px;font-size:13px;padding:10px 12px;background:var(--soft);border:1px solid var(--line);border-radius:8px}.vybe-select-empty{font-size:12px;color:var(--muted);padding:12px}.select-invalid .vybe-select-trigger{border-color:#ca6684}

.vybe-other{margin-top:18px;border:1px solid var(--line);border-radius:9px}.vybe-other summary{padding:13px;cursor:pointer;font-weight:600}.vybe-other dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 14px 16px;margin:0}.vybe-other dt{font-size:11px;opacity:.7}.vybe-other dd{margin:7px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere}@media(max-width:600px){.vybe-other dl{grid-template-columns:1fr}}

.vybe-choices input{appearance:none;-webkit-appearance:none;display:grid;place-items:center;border:1.5px solid #a194b4;border-radius:3px;flex:0 0 15px}.vybe-choices input:checked{background:var(--accent);border-color:var(--accent)}.vybe-choices input:checked:after{content:"✓";font-size:11px;color:white;font-weight:750}.vybe-choices input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}