.studio-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;border-radius:20px;background:#172f30;color:#fff;min-height:345px}.studio-hero-copy{padding:42px;z-index:1}.studio-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;opacity:.7}.studio-hero h2{font-size:clamp(30px,3.2vw,47px);line-height:1.09;letter-spacing:-.04em;font-weight:650;margin:17px 0}.studio-hero p{max-width:410px;color:#c5d5d2;line-height:1.65;font-size:14px}.studio-hero-button{margin-top:25px;display:inline-flex;gap:30px;background:#d9f089;color:#1b3430;padding:13px 18px;border-radius:9px;font-size:13px;font-weight:700}.studio-hero-art{position:relative;min-height:310px}.studio-orbit{width:390px;height:390px;border:1px solid #76968c44;border-radius:50%;position:absolute;top:-35px;left:0}.studio-art-card{position:absolute;width:155px;height:220px;border-radius:12px;box-shadow:0 14px 40px #0003}.studio-art-back{top:45px;left:35px;transform:rotate(-16deg);background:linear-gradient(135deg,#47756b,#85aa80);padding:18px;font-size:11px;letter-spacing:.18em;color:#dce6cf}.studio-art-front{top:74px;left:125px;transform:rotate(9deg);background:#e5b69b;color:#2d3933;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.studio-art-front span{font-size:30px;line-height:.96;font-weight:800;letter-spacing:-.04em}.studio-art-front small{font-size:8px;letter-spacing:.17em}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.studio-stats>div{padding:22px 25px;border:1px solid #e4e7e7;border-radius:13px;background:white;display:flex;align-items:center;gap:16px}.studio-stats strong{font-size:28px;letter-spacing:-.04em}.studio-stats span{font-size:12px;color:#687879}.studio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.studio-section-heading h2{font-weight:650;font-size:18px;letter-spacing:-.025em}.studio-section-heading span,.studio-section-heading a{font-size:12px;color:#6d7d7e}.studio-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.studio-flow-card{display:block;border:1px solid #e4e7e7;border-radius:14px;padding:23px;background:white;transition:transform .15s,border-color .15s}.studio-flow-card:hover{border-color:#6b9691;transform:translateY(-3px)}.studio-flow-card>div{display:flex;justify-content:space-between;align-items:center;color:#72908a;margin-bottom:23px;font-size:11px}.studio-flow-icon{width:23px;height:23px}.studio-flow-card h3{font-size:15px;font-weight:650;margin-bottom:8px}.studio-flow-card p,.studio-empty p{font-size:13px;line-height:1.65;color:#718080}.studio-recent{border:1px solid #e4e7e7;border-radius:14px;overflow:hidden;background:white}.studio-recent>a{display:flex;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #e4e7e7}.studio-recent>a:last-child{border:0}.studio-recent>a>div{flex:1}.studio-recent h3{font-size:14px;font-weight:600}.studio-recent p{font-size:12px;color:#718080;margin-top:4px}.studio-recent-icon{padding:12px;background:#edf3f1;color:#315b52;border-radius:10px}.studio-empty{padding:35px;text-align:center}.studio-empty h3{font-weight:600;margin-bottom:8px}.studio-detail{display:grid;gap:24px}.studio-summary{display:flex;align-items:center;justify-content:space-between}.studio-summary h2{font-size:24px;font-weight:600;margin-top:8px}.studio-player-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.studio-player-grid video{width:100%;max-height:440px;border-radius:9px;background:#101919}.studio-result-placeholder{min-height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;background:#f1f5f4;border-radius:10px}.studio-placeholder-icon{width:42px;height:42px;color:#6e9488;margin-bottom:20px}.studio-result-placeholder h3{font-weight:600}.studio-result-placeholder p{font-size:13px;color:#6f8180;max-width:270px;margin-top:8px}.studio-progress{display:flex;flex-wrap:wrap;gap:20px}.studio-progress>div{display:flex;align-items:center;gap:10px;font-size:13px}.studio-settings{display:grid;grid-template-columns:130px 1fr;gap:13px;font-size:14px}.studio-settings dt{color:#738581}.studio-settings dd{white-space:pre-wrap;overflow-wrap:anywhere}.dark .studio-stats>div,.dark .studio-flow-card,.dark .studio-recent{background:#182221;border-color:#33443f}.dark .studio-stats span,.dark .studio-flow-card p,.dark .studio-empty p,.dark .studio-recent p{color:#a0b2ab}.dark .studio-recent>a{border-color:#33443f}.dark .studio-result-placeholder{background:#1b2b27}.dark .studio-recent-icon{background:#294138;color:#c5dfcf}@media(max-width:850px){.studio-hero{grid-template-columns:1fr}.studio-hero-art{display:none}.studio-hero-copy{padding:30px}.studio-flow-grid{grid-template-columns:1fr}.studio-stats{gap:10px}.studio-stats>div{padding:18px;display:block}.studio-stats span{display:block;margin-top:3px}.studio-player-grid{grid-template-columns:1fr}.studio-section-heading span{display:none}}

/* Keep wide screens useful while leaving forms comfortably readable. */
.fi-main { margin-inline-start: 0; margin-inline-end: auto; }
.studio-workflow-plan { display: grid; gap: 12px; text-align: left; }
.studio-workflow-plan p { font-size: 13px; opacity: .8; max-width: 85ch; }
.studio-workflow-plan ol { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 12px; }
.studio-workflow-plan li { padding: 12px 16px; border: 1px solid #8b9a9838; border-radius: 10px; }
.studio-workflow-plan li span { display: block; font-size: 12px; margin-top: 5px; overflow-wrap: anywhere; }
.studio-queue-indicator{padding:16px 20px;border-top:1px solid #8b9a9838;font-size:12px}.studio-queue-indicator a{display:grid;gap:5px}.studio-queue-indicator span{opacity:.7}.studio-jobs-layout{display:grid;gap:20px}.studio-job-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.studio-job-stats>div{border:1px solid #8b9a9838;border-radius:12px;padding:20px;display:grid;gap:5px}.studio-job-stats strong{font-size:26px}.studio-job-stats span{font-size:13px;opacity:.7}@media(max-width:700px){.studio-job-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* A left-aligned workspace with bounded reading and media sizes. */
.fi-main { min-width: 0; }
.studio-video-upload .filepond--media-preview video { object-fit: contain; background: #101919; }
.studio-detail, .studio-jobs-layout, .studio-player-grid > *, .studio-summary > div { min-width: 0; }
.studio-summary { gap: 16px; align-items: flex-start; }
.studio-summary h2 { overflow-wrap: anywhere; }
.studio-player-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.studio-player-grid video { max-height: 320px; object-fit: contain; }
.studio-result-placeholder { min-height: 200px; }
.studio-workflow-plan ol { grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); }
.studio-job-stats > div { padding: 16px 20px; }
.studio-job-stats strong { font-size: 24px; }
.studio-settings { grid-template-columns: minmax(90px, 130px) minmax(0, 1fr); }
@media(max-width: 850px) { .studio-player-grid { grid-template-columns: minmax(0, 1fr); } }
@media(max-width: 640px) {
    .studio-summary { flex-wrap: wrap; }
    .studio-hero-copy { padding: 24px; }
    .studio-stats { grid-template-columns: 1fr; }
    .studio-stats > div { display: flex; }
    .studio-settings { grid-template-columns: 1fr; gap: 6px; }
    .studio-settings dd { margin-bottom: 12px; }
    .studio-recent > a { padding: 16px; gap: 10px; }
    .studio-recent h3 { overflow-wrap: anywhere; }
}

.studio-creation-review .studio-settings { margin: 0; }
.studio-review-prompt { white-space: pre-wrap; overflow-wrap: anywhere; }
.fi-sc-wizard .fi-sc-wizard-header { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step { display: flex; min-width: 0; }
.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-btn { width: 100%; padding: 16px 12px; gap: 10px; }
.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-text { width: auto; min-width: 0; }
.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-description { font-size: 12px; }
.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-icon-ctn { width: 32px; height: 32px; }
.fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-separator { display: none; }
@media(max-width: 767px) {
    .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-btn { flex-direction: column; padding: 12px 3px; gap: 6px; }
    .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-description { display: none; }
    .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-label { font-size: 11px; }
    .fi-sc-wizard .fi-sc-wizard-header .fi-sc-wizard-header-step-icon-ctn { width: 28px; height: 28px; }
}

.studio-workers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.studio-worker-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #8b9a9838;border-radius:12px;padding:16px;min-width:0}.studio-worker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex-wrap:wrap}.studio-worker-card a{overflow-wrap:anywhere}.studio-worker-card small{opacity:.7}.studio-worker-card button{margin-top:auto}@media(max-width:700px){.studio-workers{grid-template-columns:1fr}}

.studio-character-intro{display:flex;justify-content:space-between;gap:32px;padding:26px 30px;border:1px solid #8b9a9838;border-radius:14px;background:linear-gradient(110deg,#eaf5f1,#f7faf9)}.studio-character-intro h2{font-size:25px;font-weight:650;letter-spacing:-.03em;margin:8px 0}.studio-character-intro p{max-width:60ch;font-size:14px;color:#506a64;line-height:1.6}.studio-character-intro ol{display:grid;gap:12px;align-content:center;font-size:13px;min-width:240px}.studio-character-intro li{display:flex;gap:12px}.studio-character-intro li strong{color:#168272}.studio-character-tip{font-size:13px;color:#607670}.studio-character-tip a{text-decoration:underline}.studio-image-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-image-preview-card{border:1px solid #8b9a9838;border-radius:12px;overflow:hidden}.studio-image-preview-card img{width:100%;height:240px;object-fit:contain;background:#eaf0ee}.studio-image-preview-copy{padding:16px;display:grid;gap:12px;font-size:12px}.studio-image-preview-copy>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.studio-image-preview-copy p{overflow-wrap:anywhere}.studio-image-preview-copy summary{cursor:pointer;font-weight:600}.studio-image-prompt{white-space:pre-wrap;margin:10px 0}.studio-image-preview-state{height:240px;background:#eaf0ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px;font-size:13px}.studio-image-preview-state svg{width:30px;height:30px}.dark .studio-character-intro{background:#1b3029}.dark .studio-character-intro p,.dark .studio-character-tip{color:#afc8c0}.dark .studio-image-preview-card img,.dark .studio-image-preview-state{background:#1b2b27}@media(max-width:900px){.studio-character-intro{flex-direction:column;gap:20px}.studio-character-intro ol{min-width:0}.studio-image-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.studio-image-preview-grid{grid-template-columns:1fr}.studio-character-intro{padding:22px}}

/* Ongoing work stays visibly active between Livewire status refreshes. */
.studio-status-content{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;white-space:nowrap}
.studio-summary-note{font-size:.8rem;line-height:1.6;color:#647873;margin-top:12px}
.studio-stats>div{flex-direction:column;align-items:flex-start;gap:8px}
.studio-stats strong{white-space:nowrap;line-height:1.2}
.studio-status-content .studio-status-icon,.studio-status-content .studio-status-spinner{width:14px;height:14px;flex:none}
.studio-status-spinner{animation:studio-status-spin 1s linear infinite}
.studio-progress-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}
@keyframes studio-status-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.studio-status-spinner{animation:none!important}}

/* The chosen generation input follows the user through the wizard. */
.studio-input-clip{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:20px;align-items:center;border:1px solid #8b9a9845;border-radius:12px;background:#fff;padding:16px;min-width:0}
.studio-input-player{min-width:0;border-radius:8px;overflow:hidden;background:#101919}
.studio-input-screen{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:#101919}
.studio-input-screen video,.studio-detail .studio-input-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.studio-input-loading{position:absolute;color:#cbd5d1;font-size:12px}
.studio-input-controls{display:flex;gap:8px;align-items:center;padding:8px;color:#fff;font-size:11px;min-width:0}
.studio-input-controls input{min-width:20px;flex:1;accent-color:#2dd4bf;cursor:pointer}
.studio-input-controls button{padding:5px;border-radius:4px;cursor:pointer}
.studio-input-controls button:disabled{opacity:.5;cursor:default}
.studio-input-controls button:focus-visible,.studio-input-controls input:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px}
.studio-input-time{font-variant-numeric:tabular-nums;white-space:nowrap}
.studio-input-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5}
.studio-input-copy>strong{font-size:14px}.studio-input-copy small{font-size:12px;color:#607670}
.studio-input-badge{background:#e7f6f1;color:#176659;border-radius:6px;padding:5px 8px;font-weight:600;font-variant-numeric:tabular-nums}
.studio-detail .studio-input-clip{grid-template-columns:1fr;border:0;padding:0}
.dark .studio-input-clip{background:#182221}.dark .studio-input-copy small{color:#afc8c0}.dark .studio-input-badge{background:#21483d;color:#c3e9db}
@media(max-width:640px){.studio-input-clip{grid-template-columns:1fr;gap:12px}}

/* One bounded player with a touch- and keyboard-accessible trim timeline. */
.studio-trimmer{border:1px solid #8b9a9845;border-radius:14px;overflow:hidden;min-width:0;background:#fff}
.studio-trimmer-screen{background:#101919;display:flex;justify-content:center}
.studio-trimmer-screen video{width:100%;height:300px;object-fit:contain;display:block}
.studio-trimmer-editor{padding:20px 24px;display:grid;gap:14px}
.studio-trimmer-heading,.studio-trimmer-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.studio-trimmer-heading{justify-content:space-between}
.studio-trimmer-toggle{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;cursor:pointer}
.studio-trimmer-toggle input{accent-color:#0d9488;width:18px;height:18px}
.studio-trimmer-duration{background:#e7f6f1;color:#176659;border-radius:7px;padding:6px 10px;font-size:12px;font-variant-numeric:tabular-nums}
.studio-trimmer-duration strong{font-size:14px;margin-right:4px}
.studio-trimmer-hint,.studio-trimmer-empty{font-size:12px;color:#607670;line-height:1.6}
.studio-trimmer-empty{border:1px dashed #8b9a9866;border-radius:12px;padding:24px;text-align:center}
.studio-trimmer-timeline{padding:6px 12px 0;min-width:0}
.studio-trimmer-track{position:relative;height:80px;padding-top:20px;user-select:none;touch-action:none}
.studio-trimmer-scrub{position:absolute;inset:0 0 auto;height:20px;width:100%;cursor:crosshair;border-top:1px solid #8b9a9845;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(5% - 1px),#8b9a9845 calc(5% - 1px),#8b9a9845 5%)}
.studio-trimmer-frames{position:absolute;inset:20px 0 0;display:flex;overflow:hidden;background:repeating-linear-gradient(100deg,#2e5550 0,#49766d 10%,#253f3b 20%);border-radius:5px}
.studio-trimmer-frames img{width:10%;height:60px;object-fit:cover;pointer-events:none;flex:none}
.studio-trimmer-shade{position:absolute;top:20px;bottom:0;background:#07120fbb;pointer-events:none}
.studio-trimmer-selection{position:absolute;top:17px;bottom:-3px;border-block:3px solid #0d9488;min-width:2px}
.studio-trimmer-move{position:absolute;inset:0;width:100%;cursor:grab;touch-action:none;color:white;text-shadow:0 1px 4px black;display:flex;justify-content:center;align-items:center;font-size:18px}
.studio-trimmer-move span{background:#10272388;border-radius:4px;line-height:1;padding:1px 6px}
.studio-trimmer-track.is-dragging .studio-trimmer-move{cursor:grabbing}
.studio-trimmer-handle{position:absolute;top:17px;bottom:-3px;width:24px;transform:translateX(-50%);background:#0d9488;color:white;border-radius:5px;cursor:ew-resize;touch-action:none;z-index:3;font-weight:700;box-shadow:0 1px 5px #001a1433}
.studio-trimmer-playhead{position:absolute;top:3px;bottom:-5px;border-left:2px solid #fff;box-shadow:1px 0 2px #000a;pointer-events:none;z-index:4}
.studio-trimmer-playhead:before{content:'';position:absolute;left:-6px;top:-2px;width:10px;height:10px;background:#fff;border:1px solid #526560;transform:rotate(45deg)}
.studio-trimmer-scale{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:#607670;font-variant-numeric:tabular-nums}
.studio-trimmer-controls{font-size:12px;margin-top:2px}
.studio-trimmer-play{background:#0f766e;color:#fff;border-radius:8px;font-weight:600;padding:9px 13px;min-width:140px}
.studio-trimmer-clock{font-variant-numeric:tabular-nums;min-width:58px}
.studio-trimmer-times{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-left:auto}
.studio-trimmer-times label{display:flex;align-items:center;gap:6px}
.studio-trimmer-times input{width:86px;border:1px solid #8b9a9866;border-radius:7px;padding:7px 8px;background:transparent;font-variant-numeric:tabular-nums}
.studio-trimmer-unit{color:#607670}
.studio-trimmer-reset{text-decoration:underline;text-underline-offset:3px;color:#42695e;padding:6px}
.studio-trimmer-warning{background:#fffaeb;color:#92400e;border:1px solid #e7b96a55;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.6}
.studio-trimmer-warning button{text-decoration:underline;font-weight:600;margin-left:8px}
.studio-trimmer button:focus-visible,.studio-trimmer input:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
.dark .studio-trimmer{background:#182221}.dark .studio-trimmer-duration{background:#21483d;color:#c3e9db}.dark .studio-trimmer-hint,.dark .studio-trimmer-scale,.dark .studio-trimmer-empty,.dark .studio-trimmer-unit,.dark .studio-trimmer-reset{color:#afc8c0}.dark .studio-trimmer-warning{background:#372d17;color:#fce0a2}
@media(max-width:640px){.studio-trimmer-screen video{height:240px}.studio-trimmer-editor{padding:16px}.studio-trimmer-times{margin-left:0;width:100%}.studio-trimmer-scale span:nth-child(even){visibility:hidden}.studio-trimmer-hint{font-size:11px}.studio-trimmer-handle{width:26px}}