:root{--flux-accent: #f0b478;--flux-ink: #f5f5f5}#flux-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--flux-ink)}#flux-root>*{pointer-events:auto}.flux-hud{position:fixed;top:16px;left:16px;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#0a0a0c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:13px;letter-spacing:.01em}.flux-hud .dot{width:8px;height:8px;border-radius:50%;background:var(--flux-accent);box-shadow:0 0 10px var(--flux-accent)}.flux-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0a0a0c;z-index:30;transition:opacity .6s ease}.flux-loading.hidden{opacity:0;pointer-events:none}.flux-loading .bar{width:220px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}.flux-loading .bar>span{display:block;height:100%;background:var(--flux-accent);transition:width .2s ease}.flux-loading .label{margin-top:12px;font-size:12px;opacity:.7;text-align:center}.flux-tourbar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:22}.flux-tourbar-play{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#0a0a0c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--flux-ink);font-size:13px;cursor:pointer}.flux-modetoggle{display:flex;gap:4px;padding:4px;border-radius:999px;background:#0a0a0c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.flux-modetoggle button{border:0;background:transparent;color:var(--flux-ink);padding:7px 16px;border-radius:999px;font-size:13px;cursor:pointer;opacity:.7}.flux-modetoggle button.active{background:var(--flux-accent);color:#111;opacity:1}.flux-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0a0a0c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--flux-ink);font-size:13px;cursor:pointer}.flux-btn:hover{background:#141418bf}.flux-locked{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.flux-locked-still{position:absolute;top:0;right:0;bottom:0;left:0}.flux-locked-still img{width:100%;height:100%;object-fit:cover;animation:flux-still-in .38s ease both}@keyframes flux-still-in{0%{opacity:0}to{opacity:1}}.flux-locked-hint{position:absolute;inset-inline:0;top:80px;display:flex;justify-content:center}.flux-locked-hint:before{content:""}.flux-locked-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:24px;pointer-events:auto}.flux-locked-top{display:flex;align-items:flex-start;justify-content:space-between}.flux-locked-label{text-align:right;padding:8px 14px;border-radius:16px;background:#0a0a0c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.flux-locked-label .kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.flux-locked-label .title{font-size:16px;margin-top:2px}.flux-varswitch{margin:0 auto;max-width:min(960px,90vw);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:999px;background:#0a0a0c99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.flux-varswitch-item{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border-radius:999px;border:0;font-size:13px;cursor:pointer;background:#ffffff0d;color:var(--flux-ink)}.flux-varswitch-item.active{background:var(--flux-accent);color:#111}.flux-varswitch-item img{width:32px;height:32px;border-radius:50%;object-fit:cover}.flux-varswitch-dot{width:32px;height:32px;border-radius:50%;background:#ffffff1a}.flux-varswitch-label{white-space:nowrap}.flux-varswitch-item.has-icon{gap:9px;padding:5px 16px 5px 6px;border:1px solid rgba(255,255,255,.06);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.flux-varswitch-item.has-icon:hover{background:#ffffff1c;transform:translateY(-1px)}.flux-varswitch-item.has-icon.active{background:var(--flux-accent);border-color:#ffffff38;color:#111;box-shadow:0 4px 18px #f0b47847}.flux-varswitch-item.has-icon .flux-varswitch-label{font-weight:500;letter-spacing:.01em}.flux-varswitch-ico{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:#ffffff14}.flux-varswitch-item.has-icon.active .flux-varswitch-ico{background:#0a0a0c29}.flux-varswitch-ico svg{display:block}.flux-prompt{position:fixed;left:50%;top:58%;transform:translate(-50%);z-index:24}.flux-prompt-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0a0a0ca8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--flux-ink);font-size:14px;cursor:pointer;animation:flux-fade-in .25s ease;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.flux-prompt-btn:hover{background:#101014c7;border-color:#f0b47873;transform:translateY(-1px)}.flux-prompt-btn:active{transform:translateY(0)}.flux-prompt-pulse{width:9px;height:9px;border-radius:50%;background:var(--flux-accent);box-shadow:0 0 0 0 var(--flux-accent);animation:flux-pulse 1.8s infinite}.flux-prompt-verb{font-size:12px;opacity:.6}.flux-prompt-choice{gap:12px;padding:12px 22px 12px 16px;letter-spacing:.02em;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#ffffff0f,#fff0 45%),#0a0a0cad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 30px #00000059}.flux-prompt-choice:hover{background:linear-gradient(180deg,#ffffff14,#fff0 45%),#0e0e11c7;border-color:#f0b4788c;box-shadow:0 8px 34px #0006,0 0 0 1px #f0b4781f}.flux-prompt-choice .flux-prompt-name{font-weight:500}.flux-prompt-gem{width:9px;height:9px;flex:none;border-radius:2px;background:var(--flux-accent);transform:rotate(45deg);box-shadow:0 0 #f0b4788c;animation:flux-gem-pulse 1.9s ease-out infinite}@keyframes flux-gem-pulse{0%{box-shadow:0 0 #f0b4788c}70%{box-shadow:0 0 0 9px #f0b47800}to{box-shadow:0 0 #f0b47800}}@keyframes flux-pulse{0%{box-shadow:0 0 #f0b47899}70%{box-shadow:0 0 0 10px #f0b47800}to{box-shadow:0 0 #f0b47800}}@keyframes flux-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.flux-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flux-modal{position:relative;width:min(440px,90vw);border-radius:18px;padding:24px;background:#14141a;border:1px solid rgba(255,255,255,.1)}.flux-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;border:0;background:#ffffff14;color:var(--flux-ink);cursor:pointer}.flux-modal-media{width:100%;border-radius:12px;margin-bottom:14px}.flux-modal-title{font-size:18px;margin:0 0 8px}.flux-modal-body{font-size:14px;line-height:1.5;opacity:.8;margin:0}.flux-quality{position:fixed;top:16px;right:16px;z-index:22;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0a0a0c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--flux-ink);font-size:12px;cursor:pointer;opacity:.7}.flux-quality:hover{opacity:1}.flux-capture{position:fixed;right:22px;bottom:22px;z-index:22;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0a0a0c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--flux-ink);font-size:13px;cursor:pointer}.flux-capture:hover{border-color:var(--flux-accent, #f0b478)}.flux-capture:disabled{opacity:.6;cursor:default}