.f5m-studio{--studio-ink:#f3f6ff;--studio-muted:#aebbd8;--studio-line:#6079ad66;--studio-panel:#111e39;color:var(--studio-ink);background:#081020;display:flow-root}.f5m-studio .studio-canvas{isolation:isolate;background:radial-gradient(at 55% 0,#1e2b5a80,#0000 60%),#081224;border:1px solid #7384ba80;border-radius:30px;width:min(1120px,100% - 48px);margin:28px auto;position:relative;overflow:clip;box-shadow:0 18px 70px #03081780,inset 0 0 0 5px #1e2b5a40,inset 0 1px #e6e8f833}.studio-canvas:before,.studio-canvas:after{content:"";z-index:-1;pointer-events:none;border:2px solid #3b5bff80;border-radius:50%;width:46%;height:440px;position:absolute;top:130px}.studio-canvas:before{left:-34%;transform:rotate(-30deg);box-shadow:10px 0 24px #3b5bff70,18px 0 #8a5cff22,21px 0 26px #8a5cff55}.studio-canvas:after{border-color:#00d4ff99;right:-34%;transform:rotate(32deg);box-shadow:-9px 0 24px #00d4ff70,-20px 0 #3b5bff22,-23px 0 30px #3b5bff66}.studio-header{padding:22px 30px 0}.studio-header-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.studio-brand{align-items:center;gap:10px;min-width:0;display:flex}.studio-logo{object-fit:contain;flex-shrink:0;width:64px;height:auto}.studio-wordmark{font-family:var(--font-sora), sans-serif;letter-spacing:.02em;align-items:center;gap:8px;font-size:26px;font-weight:700;display:flex}.studio-tagline{color:#c4cde4;letter-spacing:.13em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:500}.studio-utilities{flex-shrink:0;gap:8px;display:flex}.studio-utility,.f5m-studio .studio-control{border:1px solid var(--studio-line);min-height:44px;color:var(--studio-ink);background:linear-gradient(#24385a99,#101b33);box-shadow:inset 0 1px #e6e8f81a,0 3px 8px #02071133}.studio-utility{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.studio-utility:hover,.f5m-studio .studio-control:hover{border-color:#00d4ff99}.studio-modes{width:min(440px,100%);margin:22px auto 0}.studio-mode-switch{background:#0a142a;border:1px solid #7184b480;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid;box-shadow:inset 0 1px #e6e8f826}.studio-mode-tab{color:#c8d2e8;min-height:52px;font-family:var(--font-sora), sans-serif;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.studio-mode-tab[aria-selected=true],.studio-generate{color:#fff;background:linear-gradient(110deg,#087ba9 0%,#3b5bff 45%,#8643e8 100%);border:1px solid #d0eaffaa;box-shadow:inset 0 2px 5px #e6faff66,0 0 16px #3b5bff55}.studio-mode-note{color:#bccaf0;font:500 9px var(--font-inter), sans-serif;background:#1e2b5a;border-radius:999px;padding:3px 6px}.studio-main{padding:24px 40px 32px}.studio-composer{flex-direction:column;gap:18px;min-width:0;display:flex}.studio-prompt-shell{background:linear-gradient(120deg,#223655,#182746 65%,#213d59);border:1px solid #8da7d699;border-radius:24px;overflow:hidden;box-shadow:inset 0 1px 3px #d7eaff33,0 6px 20px #02081440}.studio-prompt-shell:focus-within{outline-offset:2px;border-color:#00d4ff;outline:2px solid #00d4ff33}.f5m-studio .studio-prompt{resize:vertical;width:100%;min-height:144px;color:var(--studio-ink);user-select:text;background:0 0;border:0;padding:22px 24px 10px;font-size:17px;line-height:1.6;display:block}.studio-prompt::placeholder{color:#bcc9df;opacity:1}.studio-prompt:focus{outline:none}.studio-prompt-footer{justify-content:space-between;align-items:center;gap:12px;padding:0 16px 14px;display:flex}.studio-prompt-tools,.studio-prompt-count{align-items:center;gap:8px;display:flex}.studio-prompt-count{color:#c7d2e9;font-variant-numeric:tabular-nums;font-size:12px}.studio-icon-control{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.studio-settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.studio-model-control{border-radius:999px;flex:0 280px;min-width:0;max-width:100%}.studio-ratio-control{border-radius:999px;flex-shrink:0;width:180px}.studio-generate{width:min(380px,100%);min-height:56px;font-family:var(--font-sora), sans-serif;border-radius:999px;font-size:17px;font-weight:600}.studio-generate:hover{filter:brightness(1.12)}.studio-generate:disabled{cursor:not-allowed;opacity:.5;box-shadow:inset 0 1px 3px #e6faff33}.studio-route-note{max-width:620px;color:var(--studio-muted);text-align:center;margin:0 auto;font-size:11px;line-height:1.6}.studio-route-note summary{cursor:pointer;min-height:32px;list-style-position:inside}.studio-route-note p{padding:6px 10px}.studio-output{margin-top:26px}.studio-history{min-width:0;margin-top:24px;scroll-margin-top:24px}.studio-history-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.studio-history-heading h2{font-family:var(--font-sora), sans-serif;font-size:14px;font-weight:600}.studio-history-heading span{color:var(--studio-muted);font-size:11px}.studio-carousel-stage{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.studio-history-empty{background:#101c3233;border:1px dashed #6079ad66;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-height:112px;padding:18px;display:flex}.studio-history-empty p{color:var(--studio-muted);font-size:12px;line-height:1.6}.studio-history-empty strong{color:var(--studio-ink);font-size:13px;font-weight:500;display:block}.f5m-studio :is(button,a,[role=button],[role=combobox]):focus-visible{outline-offset:3px;outline:2px solid #00d4ff}html.light .f5m-studio{--studio-ink:#122044;--studio-muted:#4b6085;--studio-line:#7189b980;background:#f3f6ff}html.light .studio-canvas{background:radial-gradient(at top,#dce6ff99,#0000 65%),#f3f6ff;box-shadow:0 20px 70px #1e2b5a1a,inset 0 0 0 5px #dce6ff}html.light .studio-prompt-shell{background:linear-gradient(120deg,#fff,#e7efff)}html.light .studio-prompt::placeholder{color:#52688e}html.light .studio-tagline,html.light .studio-prompt-count{color:#4b6085}html.light .studio-mode-switch{background:#e1eaff}html.light .studio-mode-tab{color:#3b5078}html.light .studio-mode-tab[aria-selected=true],html.light .studio-generate{color:#fff}html.light .studio-utility,html.light .f5m-studio .studio-control{background:linear-gradient(#fff,#e0eaff)}html.light .studio-mode-note{color:#33466d;background:#cbd8f4}html.light .f5m-studio .text-white{color:#f3f6ff}@media (min-width:1200px){.studio-main{padding:26px 56px 32px}.studio-prompt{min-height:154px}}@media (max-width:767px){.f5m-studio .studio-canvas{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0}.studio-header{padding:calc(12px + env(safe-area-inset-top)) 16px 0}.studio-header-row{gap:8px}.studio-logo{width:46px}.studio-brand{gap:6px}.studio-wordmark{gap:5px;font-size:21px}.studio-wordmark svg{width:16px}.studio-tagline{letter-spacing:.04em;max-width:140px;font-size:7px;line-height:1.6}.studio-utilities{gap:4px}.studio-utilities .studio-history-link{display:none}.studio-modes{margin-top:18px}.studio-mode-tab{min-height:46px;font-size:15px}.studio-main{padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.studio-composer{gap:14px}.studio-prompt-shell{border-radius:20px}.f5m-studio .studio-prompt{min-height:158px;padding:18px 16px 10px;font-size:16px}.studio-prompt-footer{gap:8px;padding:0 10px 10px}.studio-prompt-tools,.studio-prompt-count{gap:6px}.studio-prompt-count{font-size:11px}.studio-settings{justify-content:stretch;gap:10px}.studio-model-control{flex:100%;width:100%;max-width:none}.studio-ratio-control{flex:1;width:auto}.studio-generate{width:100%}.studio-route-note{font-size:10px}.studio-route-note summary{justify-content:center;align-items:center;min-height:44px;display:flex}.studio-history{margin-top:18px}.studio-carousel-stage{display:block}.studio-carousel-stage>button{display:none}.studio-history-empty{min-height:112px;padding:14px}}