.panel[data-panel="data"].active{--tr-data-width:min(1660px,calc(100vw - 28px));width:var(--tr-data-width)!important;margin-left:calc((100% - var(--tr-data-width))/2)!important;transform:none!important}
@media(max-width:920px){.panel[data-panel="data"].active{--tr-data-width:calc(100vw - 14px)}}

/* Keep exactly one source panel visible. The generic .filterrow rule otherwise overrides HTML's hidden state. */
[data-source-panel][hidden],.drop>[data-source-panel][hidden]{display:none!important}

.source-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;padding:4px!important;margin:18px 0 16px!important;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.source-tabs .tab{width:100%!important;min-width:0!important;min-height:42px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}
.source-tabs .tab.active{background:var(--panel);color:var(--text);border:0;box-shadow:0 1px 2px rgba(0,0,0,.14),0 5px 16px rgba(0,0,0,.08)}

.drop>h2{margin-bottom:4px}
.drop>p{max-width:430px;margin:0 auto;font-size:14px;line-height:1.55}
.drop>[data-source-panel]{margin:0}
.drop>[data-source-panel="local"]{min-height:148px;flex-direction:column;align-items:center;justify-content:center;padding:22px 18px;border:1px dashed var(--line);border-radius:14px;background:var(--panel2)}
.drop>[data-source-panel="local"]:not([hidden]){display:flex!important}
.drop>[data-source-panel="local"] p{max-width:100%;margin:0 0 15px;font-size:14px;line-height:1.55}

.remote-source-form{width:100%!important;margin:0!important;text-align:left}
.remote-source-form:not([hidden]){display:block!important}
.remote-source-form>div{display:block!important;width:100%;margin:0 0 12px}
.remote-source-form strong{display:block;color:var(--text);font-size:15px;line-height:1.35}
.remote-source-form .muted{max-width:none;margin:4px 0 0!important;font-size:13px;line-height:1.5}
.remote-source-form input{display:block!important;flex:none!important;width:100%!important;min-width:0!important;min-height:50px;margin:0 0 12px!important;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);outline:0}
.remote-source-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(8,124,168,.14)}
.remote-source-form .primary{display:block!important;flex:none!important;width:auto!important;min-width:128px;margin-left:auto!important;white-space:nowrap!important}

.drop .privacy-line{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);text-align:left;line-height:1.55}

@media(min-width:981px){.hero .wrap{grid-template-columns:minmax(0,1fr) minmax(460px,540px)!important;column-gap:56px!important}.hero .drop{width:100%!important;max-width:540px;justify-self:end}}
@media(max-width:620px){.source-tabs{margin-top:14px!important}.source-tabs .tab{padding:8px 5px;font-size:12px}.drop>[data-source-panel="local"]{min-height:132px;padding:18px 12px}.remote-source-form .primary{width:100%!important;margin-left:0!important}.drop .privacy-line{font-size:11px}}