main [data-detail-host]{padding:0!important;min-width:0;display:flex!important;flex-direction:column;background:transparent!important}
main [data-detail-input]{font-family:"Inter Variable",Inter,ui-sans-serif,system-ui,sans-serif;width:100%;min-width:0;--playground-field-bg:#27282b;--hf-radius-300:.75rem;--hf-radius-250:.625rem;--radius-q-250:.625rem;min-height:500px;flex:1}
main [data-detail-input] form{display:flex;flex:1;min-height:0;flex-direction:column}main [data-detail-input] button{cursor:pointer}main [data-detail-input] [hidden]{display:none!important}main [data-detail-input] input,main [data-detail-input] textarea{color:inherit}main [data-detail-input] .detail-connection{margin:8px 0 2px;font-size:12px;color:#96969a}.detail-connection summary{cursor:pointer}.detail-connection select{width:100%;padding:8px;background:#27282b;border-radius:8px;margin-top:8px}.detail-status{font-size:12px;line-height:18px;color:#96969a;padding:4px 0;margin:0}.detail-url-link{font-size:12px;text-align:right;color:#999;padding:4px}.detail-upload-preview{display:flex;gap:8px;flex-wrap:wrap}.detail-file-card{position:relative;display:block;width:64px;height:64px;background:#292a2e;border-radius:10px;overflow:visible}.detail-file-card>img,.detail-file-card>video{width:100%;height:100%;object-fit:cover;border-radius:10px}.detail-file-state{position:absolute;inset:auto 3px 3px 3px;overflow:hidden;border-radius:5px;background:#111c;color:#fff;font-size:9px;line-height:16px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.detail-file-ready{inset:auto 3px 3px auto;width:16px;background:#bdfd22;color:#101114}.detail-file-error{background:#a32020}.detail-remove{position:absolute;right:-4px;top:-4px;border-radius:50%;width:20px;height:20px;background:#111;color:white}.detail-popup{position:fixed;z-index:2147482000;width:272px;max-width:calc(100vw - 24px);max-height:310px;overflow:auto;padding:8px;background:#212224;color:#f7f7f8;border:1px solid #353638;border-radius:12px;box-shadow:0 10px 35px #0008;font:14px/1.4 "Inter Variable",Inter,system-ui,sans-serif}.detail-option{display:flex;width:100%;gap:8px;align-items:center;justify-content:space-between;text-align:left;padding:12px 10px;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.detail-option:hover,.detail-option:focus-visible,.detail-option[aria-selected=true]{background:#303133;outline:none}.detail-option img{width:42px;height:42px;object-fit:cover;border-radius:6px}.detail-popup input{width:100%;padding:10px;background:#303133;color:#fff;border-radius:8px;border:0}.detail-popup input[type=range]{padding:0;accent-color:#caff1a}.detail-range-label{display:flex;justify-content:space-between;margin:8px 0}.detail-style-grid{width:560px;display:grid;grid-template-columns:repeat(3,1fr)}.detail-style{padding:6px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.detail-style img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px}.detail-credentials{z-index:2147483000;background:#1d1e20;color:#fafafa;border:1px solid #38393c;border-radius:16px;width:420px;max-width:calc(100vw - 32px);padding:24px}.detail-credentials::backdrop{background:#0009}.detail-credentials h2{font-size:20px;margin-bottom:12px}.detail-credentials p{font-size:14px;color:#aaa;margin-bottom:16px}.detail-credentials label{display:block}.detail-credentials input{display:block;width:100%;margin:8px 0 20px;padding:12px;background:#28292d;border:1px solid #444;border-radius:8px}.detail-credentials button{padding:10px 20px;margin-right:8px;border-radius:8px;background:#fff;color:#151515}.detail-native-panel{background:#1c1d1f;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px;color:#f7f7f8}.detail-panel-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.detail-panel-heading>button{color:#96969a}.detail-fields,.detail-advanced-fields{display:flex;flex-direction:column;gap:16px}.detail-field{background:#27282b;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;font-size:14px}.detail-field label,.detail-field-caption{color:#939398;font-size:12px}.detail-field textarea{resize:vertical;min-height:92px;outline:0;background:transparent;border:0;font-size:12px;line-height:16px}.detail-field input{background:transparent;border:0;outline:0}.detail-select{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border-radius:10px;background:#27282b;padding:10px 12px;gap:10px;font:inherit;color:inherit}.detail-toggle{min-height:48px;display:flex;align-items:center;justify-content:space-between;background:#27282b;padding:12px;border-radius:10px;font-size:14px}.detail-toggle input{accent-color:#caff1a;width:18px;height:18px}.detail-advanced{margin-top:16px}.detail-advanced>summary{padding:10px;cursor:pointer}.detail-footer{margin-top:auto;padding-top:16px}.detail-generate{border-radius:10px;width:100%;padding:10px;background:linear-gradient(#fff,#eee);color:#141414;min-height:40px;font-size:14px;font-weight:600}.detail-generate:disabled{opacity:.5;cursor:not-allowed}.detail-upload{background:#27282b;padding:12px;border-radius:10px}.detail-upload-open{min-height:100px;width:100%;font:inherit}.detail-appearance{display:flex;flex-direction:column;gap:8px}.detail-download{font-size:12px;color:#caff1a}.lp-video-shell{min-width:0}.lp-video-shell>#playground-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.lp-video-shell>.lp-input-slot,.lp-video-shell>.lp-result-slot{min-width:0;height:100%}
@media(min-width:1024px){main:has([data-detail-input]) .up-workspace,main:has([data-detail-input]) .mdt-shell,main:has([data-detail-input]) .k4-workspace,main:has([data-detail-input]) .k4f-workspace,main:has([data-detail-input]) .mh3-workspace,main:has([data-detail-input]) .wf-grid{grid-template-columns:386px minmax(0,1fr)}main .lp-video-shell{display:grid!important;grid-template-columns:386px minmax(0,1fr)!important;align-items:stretch!important;gap:16px!important}main [data-detail-host]{max-width:100%}}
@media(max-width:767px){main [data-detail-input]{min-height:500px}.detail-style-grid{grid-template-columns:repeat(2,1fr)}}

/* Lift the right-side hero above the sticky tab strip while its menu is open. */
main header:has(.mm-menu:not([hidden])),main .up-hero:has(.mm-menu:not([hidden])){position:relative;z-index:100}

/* The runtime moves the real form into .lp-input-slot; remove its empty source wrapper so Result keeps the full right column. */
.lp-video-shell .lp-result-slot>div>:first-child:has(>[aria-hidden=true]:only-child){display:none!important}