/* Scoped reference-composition layer. Approved Chat and Director Simple do not use this root. */
.fidelity-root { display:grid; gap:12px; min-width:0; color:#eff3f8; }
.fidelity-root * { box-sizing:border-box; }
.fidelity-root [hidden] { display:none!important; }
.fidelity-root h2 { margin:0 0 10px; font-size:1.08rem; line-height:1.25; }
.fidelity-root h3 { margin:2px 0 12px; font-size:.92rem; line-height:1.3; }
.fidelity-root p { margin:8px 0 12px; color:#b4bfcd; font-size:.79rem; line-height:1.5; }
.fidelity-root small { display:block; color:#9eabba; font-size:.69rem; line-height:1.45; }
.fidelity-root button { cursor:pointer; font:inherit; }
.fidelity-root button:focus-visible,.fidelity-root input:focus-visible,.fidelity-root textarea:focus-visible,.fidelity-root select:focus-visible { outline:2px solid #ff9a3b; outline-offset:3px; }
.fidelity-root button:disabled { opacity:.45; cursor:not-allowed; }
.fidelity-root button:hover { border-color:#ad5a29; }
.fidelity-root button.active { border-color:#ff842c; box-shadow:inset 0 0 16px #ff71171c,0 0 8px #ff711718; }
.fidelity-root .field-label { min-width:0; font-size:.76rem; font-weight:500; gap:6px; margin:0; }
.fidelity-root .field-label input,.fidelity-root .field-label select,.fidelity-root textarea { width:100%; min-width:0; min-height:36px; padding:8px 10px; border:1px solid #2a3949; border-radius:6px; color:#edf1f8; background:linear-gradient(120deg,#0c1721,#080f16); font:inherit; font-size:.77rem; }
.fidelity-root textarea { resize:vertical; line-height:1.5; }
.fidelity-root select { text-overflow:ellipsis; }
.fidelity-root input[type=checkbox] { accent-color:#ff7b23; width:15px; height:15px; }
.fidelity-root .studio-primary,.fidelity-root .studio-secondary { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:8px 12px; font-size:.76rem; border-radius:6px; white-space:normal; }
.fidelity-root .studio-primary { color:#110b05; font-weight:650; }
.fidelity-root .toggle-row { display:flex; gap:10px; align-items:center; justify-content:space-between; padding:10px 0; border-bottom:1px solid #1a2835; }
.fidelity-root .toggle-row strong { font-size:.75rem; font-weight:500; }
.fidelity-root .toggle-row .lc-toggle { flex-shrink:0; }
.fidelity-root .range-field { display:grid; gap:8px; min-width:0; margin:4px 0; }
.fidelity-root .range-field>span { display:flex; justify-content:space-between; gap:8px; font-size:.75rem; }
.fidelity-root input[type=range] { accent-color:#ff7c20; width:100%; min-width:0; cursor:pointer; }
.fidelity-root .range-field input[type=range] { height:14px; min-height:14px; padding:0; margin:0; }
.fidelity-root .f-source img { display:block; height:210px; object-fit:contain; background:#071019; }
.f-video-composer:has(>.f-source) { grid-template-columns:minmax(240px,.85fr) minmax(0,1.6fr); }
.f-video-composer:has(>.f-source)>.f-text textarea { min-height:210px; }
.f-edit-layout>.f-panel { min-height:0; }
.f-edit-layout .f-actions:has(>.f-choices) { align-items:center; flex-wrap:nowrap; }
.f-edit-layout .f-actions>.f-choices { display:flex; flex:1 1 auto; margin:0; min-width:0; overflow-x:auto; }
.f-edit-layout .f-actions>.f-choices button { min-height:38px; min-width:35px; flex:1 0 35px; flex-direction:row; padding:5px; }
.f-edit-layout .f-actions>.f-choices button strong { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.f-edit-layout .f-actions>.f-choices .f-choice-symbol svg { width:20px; height:20px; }
.f-edit-layout .f-actions>.studio-secondary { flex:0 0 auto; min-height:38px; }
.fidelity-root output { font-size:.69rem; color:#c0c9d4; }
.fidelity-root .range-field output { padding:2px 7px; background:#080f16; border:1px solid #2a3949; border-radius:4px; }
.f-panel { padding:13px; min-width:0; position:relative; }
.f-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); align-items:end; gap:12px; margin:12px 0; }
.f-text { display:grid; position:relative; margin:10px 0!important; }
.f-text textarea { min-height:92px; padding-bottom:24px; }
.f-text output { position:absolute; bottom:7px; right:10px; pointer-events:none; }
.f-two { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:start; }
.f-stack { display:grid; gap:12px; align-content:start; min-width:0; }
.f-span { grid-column:1/-1; min-width:0; }
.f-actions { display:flex; gap:7px; flex-wrap:wrap; margin:10px 0; }
.f-actions>* { flex:1 1 auto; }
.f-tabs { display:flex; min-width:0; gap:4px; margin:0 0 12px; overflow-x:auto; scrollbar-width:thin; }
.f-tabs button { flex:1 0 80px; min-height:35px; color:#b9c6d7; background:#0a141d; border:1px solid #223445; border-radius:5px; font-size:.73rem; padding:7px 9px; }
.f-tabs button.active { color:white; background:linear-gradient(110deg,#73300d,#24150e); }
.f-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(65px,1fr)); gap:7px; margin:8px 0; }
.f-choices button { min-width:0; display:flex; flex-direction:column; gap:7px; align-items:center; justify-content:center; min-height:68px; padding:9px 7px; border:1px solid #293b4b; border-radius:7px; background:linear-gradient(120deg,#0c1922,#081018); color:#c9d4e3; }
.f-choices button strong { font-weight:500; font-size:.76rem; }
.f-choices button.active { color:#fff; background:linear-gradient(120deg,#6a2e10,#25170f); }
.f-choice-symbol { color:#fc9b3b; font-size:1.3rem; }
.f-choices button:nth-child(2) .f-choice-symbol { color:#b263ff; }.f-choices button:nth-child(3) .f-choice-symbol { color:#eb63b5; }.f-choices button:nth-child(4) .f-choice-symbol { color:#16ccdc; }.f-choices button:nth-child(5) .f-choice-symbol { color:#12cda8; }
.f-checks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:12px 0; }
.f-checks label { display:flex; gap:5px; align-items:center; font-size:.72rem; color:#b9c5d3; }
.f-refs { display:flex; gap:8px; margin:12px 0; flex-wrap:wrap; }
.f-refs>button { min-width:80px; min-height:76px; border-style:dashed!important; }
.f-refs>div { width:75px; height:76px; position:relative; }
.f-refs img { width:100%; height:100%; object-fit:cover; border:1px solid #304354; border-radius:7px; }
.f-refs div>button { position:absolute; right:3px; top:3px; border:0; border-radius:50%; background:#050a10bb; color:#fff; width:21px; height:21px; }
.f-thumbs { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:7px; margin-top:9px; overflow:hidden; }
.f-thumbs button { padding:0; border:2px solid transparent; border-radius:6px; overflow:hidden; background:#0b151e; }
.f-thumbs img { display:block; width:100%; height:76px; object-fit:cover; }
.f-preview { position:relative; overflow:hidden; border-radius:7px; background:#0b111a; }
.f-preview>img { display:block; width:100%; height:auto; max-height:480px; object-fit:cover; aspect-ratio:16/10; }
.f-preview-label { position:absolute; bottom:8px; right:8px; padding:4px 7px; background:#000a; border-radius:4px; font-size:.65rem; color:#e7eef7; }
.f-submit { display:flex; gap:15px; justify-content:space-between; align-items:center; margin-top:13px; padding-top:10px; border-top:1px solid #243141; }
.f-submit strong { display:block; font-size:.95rem; color:#f4f7fb; white-space:nowrap; }
.f-submit button { min-width:50%; min-height:42px!important; }
.f-cost { display:flex; justify-content:space-between; gap:8px; align-items:center; border:1px solid #7c4828; background:linear-gradient(100deg,#20180b,#141310); padding:10px; border-radius:6px; color:#ffbe44; font-size:.78rem; margin:12px 0; }
.f-advanced { border:1px solid #253343; border-radius:7px; padding:10px; margin-top:12px; }
.f-advanced summary { cursor:pointer; font-size:.78rem; color:#ff9a3b; }
.f-advanced[open] summary { margin-bottom:10px; }
.f-gallery { min-width:0; }
.f-gallery>header { display:flex; flex-wrap:wrap; gap:9px; align-items:baseline; min-height:32px; }
.f-gallery h2 { font-size:.95rem; margin:0 0 8px; }
.f-gallery header>span { font-size:.72rem; color:#95a6b9; }
.f-gallery-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.f-gallery-grid { grid-template-columns:repeat(var(--f-gallery-columns,6),minmax(0,1fr)); }
.f-choice-symbol svg { display:block; width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; }
.f-ratio-icon { display:block; width:23px; max-height:25px; border:1.5px solid currentColor; border-radius:3px; }
.f-create-pro>.f-panel:first-child { grid-column:1; grid-row:1; }
.f-create-pro>.f-preview-panel { grid-column:2; grid-row:1; }
.f-create-pro>aside { grid-column:3; grid-row:1/3; }
.f-create-pro>.f-create-pro-advanced { grid-column:1/3; grid-row:2; padding:14px; margin:0; display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:10px 16px; }
.f-create-pro-advanced>summary,.f-create-pro-advanced>.f-submit { grid-column:1/-1; }
.f-create-pro-advanced>.f-fields { grid-column:1; grid-row:2/5; grid-template-columns:1fr; margin:0; }
.f-create-pro-advanced>.f-submit { grid-row:5; }
.f-create-pro>.f-create-pro-advanced { display:block; }
.f-create-pro-advanced>.f-advanced-body { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:10px 16px; }
.f-create-pro-advanced .f-advanced-body>.f-fields { grid-column:1; grid-row:1/4; grid-template-columns:1fr; margin:0; }
.f-create-pro-advanced .f-advanced-body>.f-submit { grid-column:1/-1; grid-row:4; }
.fidelity-root .f-create-pro-advanced .f-advanced-body>.f-fields { display:flex; flex-direction:column; align-self:start; align-items:stretch; }
.f-edit-layout>.f-panel:not(.f-edit-inspector) { min-height:0; }
.fidelity-root .f-fields:has(>:nth-child(3)):not(:has(>:nth-child(4))) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.f-create-special.transform>.f-special-canvas .f-edit-canvas img { object-fit:contain; height:260px; }
.f-batch-table td>.f-art-crop { width:92px; height:65px; }
.f-board-detail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.f-board-detail article { padding:10px; background:#0c1722; border:1px solid #2b3e51; border-radius:7px; }
.f-board-detail article>img { width:100%; height:110px; object-fit:cover; border-radius:6px; }
.f-board-detail article>strong { display:block; font-size:.8rem; margin:7px 0; }
.f-table tr[data-f-status="Generating"] .f-status { color:#ffb83d; border-color:#b57922; background:#4c350b66; }
.f-table tr[data-f-status="Awaiting Approval"] .f-status { color:#ff9855; border-color:#c46827; background:#51250e66; }
.f-table tr[data-f-status="In Queue"] .f-status { color:#42bbff; border-color:#246b9a; background:#0e3b5e66; }
.f-table tr[data-f-status="Not Started"] .f-status { color:#a6b1c2; border-color:#41536a; background:#1e2b3e66; }
.f-director-main>.f-panel:nth-child(2) { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:center; gap:10px; }
.f-director-main>.f-panel:nth-child(2)>.f-number-heading { margin:0; padding-right:0; }
.f-director-main>.f-panel:nth-child(2)>.f-choices { margin:0; }
.f-director-main>.f-panel:nth-child(2)>.f-choices button { flex-direction:row; min-height:42px; padding:6px; }
.f-director-main>.f-panel:nth-child(2)>.f-choices .f-choice-symbol svg { width:20px; height:20px; }
.f-gallery-grid button { position:relative; overflow:hidden; padding:0; border:1px solid #2a394b; border-radius:8px; color:#fff; background:#0b151e; min-width:0; text-align:left; }
.f-gallery-grid img { display:block; width:100%; height:104px; object-fit:cover; }
.f-gallery-grid button>span { display:block; min-height:35px; padding:8px; font-size:.73rem; line-height:1.35; background:linear-gradient(0deg,#0b111a,#101922); }
.f-styles { grid-template-columns:repeat(8,minmax(0,1fr)); }
.f-styles img { height:80px; }.f-styles button>span { text-align:center; min-height:0; }
.f-local-status { display:block; border-top:1px solid #1b2c3e; padding:8px 0; color:#8c9aad!important; font-size:.65rem!important; }
.fidelity-root .f-art-crop { display:block; position:relative; overflow:hidden; padding:0!important; min-height:0; border-radius:6px; background:none; }
.f-gallery-grid button>.f-art-crop { height:104px; min-height:0; }
.f-styles button>.f-art-crop { height:80px; }
.f-preview>.f-art-crop { height:auto; aspect-ratio:16/9; }
.fidelity-root input[data-f-palette-search] { width:100%; min-width:0; padding:8px; border:1px solid #293b4d; border-radius:5px; color:#e7f0fa; background:#0b1520; }
.f-number-heading { display:flex; gap:12px; align-items:center; padding-right:95px; margin-bottom:10px; }
.f-number-heading>b { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border-radius:50%; color:#140d06; font-size:1.1rem; background:linear-gradient(130deg,#ffb62d,#ff5c20); box-shadow:0 0 18px #ff6a1c30; }
.f-number-heading h2 { margin:0; }.f-number-heading p { margin:4px 0 0; font-size:.74rem; }
.f-heading-actions { position:absolute; top:12px; right:12px; display:flex; gap:6px; }.f-heading-actions button { min-height:29px!important; font-size:.68rem!important; }
.f-director-layout { display:grid; grid-template-columns:minmax(0,3fr) minmax(290px,1fr); gap:12px; align-items:start; }
.f-director-main,.f-director-rail { display:grid; gap:10px; min-width:0; }
.f-format-row { display:grid; grid-template-columns:200px minmax(0,1fr); gap:15px; margin-top:12px; }.f-format-row h3 { margin-bottom:3px; }
.f-format-row .f-choices { grid-template-columns:repeat(5,minmax(0,1fr)); }.f-format-row .f-choices button:nth-child(2) { background:#151126; }.f-format-row .f-choices button:nth-child(3) { background:#201020; }.f-format-row .f-choices button:nth-child(4) { background:#0b1c25; }.f-format-row .f-choices button:nth-child(5) { background:#171128; }
.f-plan-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.f-plan-cards article { display:flex; flex-direction:column; padding:11px; min-height:180px; }
.f-plan-cards h3 { font-size:.8rem; }.f-plan-cards h3>span { color:#50d3ff; }.f-plan-cards p { font-size:.73rem; }.f-plan-cards button { margin-top:auto; align-self:flex-start; min-height:25px!important; font-size:.68rem!important; }
.f-avatars { display:flex; gap:3px; }.f-avatars img { width:28px; height:28px; object-fit:cover; border:1px solid #e47743; border-radius:50%; }.f-plan-cards .f-avatars img { width:32%; height:48px; border-radius:5px; }
.f-card-art { width:100%; height:60px; object-fit:cover; border-radius:5px; }.f-editing { padding:6px; border:1px solid #ff8b35; border-radius:5px; }
.f-scene-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }.f-scene-cards>button { display:flex; flex-direction:column; padding:0; overflow:hidden; border:1px solid #293c50; border-radius:7px; color:#fff; text-align:left; background:#0c151e; min-width:0; }.f-scene-cards img { width:100%; height:90px; object-fit:cover; }.f-scene-cards b { font-size:.7rem; padding:6px; }.f-scene-cards strong { font-size:.77rem; margin:6px 7px 3px; }.f-scene-cards small { padding:0 7px 8px; }
.f-project-overview { display:grid; grid-template-columns:170px minmax(0,1fr) 175px; gap:15px; align-items:center; }.f-project-overview>img { width:100%; height:125px; border-radius:8px; object-fit:cover; }.f-project-overview h2 { font-size:1.6rem; }.f-project-overview dl { font-size:.72rem; display:grid; grid-template-columns:1fr auto; gap:7px; color:#aab7c7; border-left:1px solid #304152; padding-left:13px; }.f-project-overview dd { margin:0; color:#eef2f7; }
.f-production-flow { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin:0; padding:14px 8px; list-style:none; }.f-production-flow li { position:relative; display:grid; justify-items:center; gap:5px; text-align:center; }.f-production-flow li:not(:last-child):after { content:''; position:absolute; height:1px; top:16px; width:50%; left:75%; background:#435063; }.f-production-flow b { display:grid; place-items:center; width:32px; height:32px; border:1px solid #536174; border-radius:50%; background:#111b28; }.f-production-flow strong { font-size:.78rem; font-weight:500; }.f-production-flow .complete b { color:#16d9ab; border-color:#1ccf9e; }.f-production-flow .active b { color:#ffbe55; border-color:#ff8b22; box-shadow:0 0 15px #ff6c1e60; }
.f-table-toolbar { display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin:10px 0; }.f-table-toolbar .f-tabs { flex:1 1 400px; margin:0; }.f-table-toolbar input { flex:1 1 130px; min-width:0; border:1px solid #293d50; border-radius:5px; padding:8px; color:white; background:#08121c; }
.f-table-scroll { overflow-x:auto; min-width:0; scrollbar-width:thin; }.f-table { border-collapse:collapse; width:100%; font-size:.71rem; }.f-table th { font-size:.65rem; text-align:left; font-weight:500; color:#b3c1d3; background:#080f17; }.f-table td,.f-table th { padding:9px 6px; border-bottom:1px solid #1d3040; }.f-table td { color:#b6c3d2; }.f-table td:nth-child(3) { max-width:180px; }.f-table .expanded td { padding-block:20px; }.f-table tr.active { background:#2d1b1099; }.f-table button { background:none; color:white; border:0; padding:0; }.f-scene-cell { display:flex; align-items:center; gap:9px; text-align:left; min-width:140px; }.f-scene-cell img { width:65px; height:43px; object-fit:cover; border-radius:5px; }.f-scene-cell strong { display:block; font-size:.74rem; }.f-scene-cell small { font-size:.6rem; }.f-table progress { min-width:45px; width:100%; height:7px; }.fidelity-root progress { accent-color:#ff9c2d; height:8px; max-width:100%; }.f-status { display:inline-block; padding:4px 7px; border-radius:30px; border:1px solid #247668; color:#32e2b6; background:#0a322d66; font-size:.65rem; white-space:nowrap; }.f-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }.f-metrics article { padding:12px; position:relative; overflow:hidden; }.f-metrics strong { display:block; font-size:1.4rem; margin-top:5px; }.f-sparkline { position:absolute; right:10px; bottom:12px; width:50px; height:20px; background:linear-gradient(155deg,transparent 43%,#23af9566 45%,transparent 49%,transparent 60%,#fd8a3166 63%,transparent 66%); }
.f-create-composer h2 { margin-bottom:5px; }.f-composer-input { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:15px; }.f-composer-input>.f-text { grid-column:1; }.f-composer-input>.f-text textarea { min-height:135px; padding-bottom:45px; }.f-composer-input>img { grid-column:2; grid-row:1; width:100%; height:135px; object-fit:cover; margin-top:25px; border-radius:7px; }.f-composer-input>button { position:absolute; left:10px; bottom:20px; }.f-create-composer .f-composer-input:not(:has(>img)) { grid-template-columns:1fr; }.f-composer-options { display:flex; gap:14px; align-items:end; flex-wrap:wrap; }.f-composer-options>div:first-child { flex:2 1 330px; }.f-composer-options>.field-label { flex:1 1 130px; }.f-composer-options .f-choices { margin:0; }.f-composer-options .f-choices button { min-height:54px; }.f-composer-options .f-submit { flex:1 1 200px; border-top:0; margin:0; padding:0; }.f-composer-options .f-submit button { min-height:54px!important; }
.f-image-workspace { display:grid; gap:12px; }.f-image-controls .f-text textarea { min-height:104px; }.f-image-controls .f-fields { margin-block:10px; }.f-image-controls .f-advanced { margin-bottom:5px; }.f-image-workspace .f-preview img { aspect-ratio:16/9; }.f-image-workspace .f-gallery-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.f-simple-image { max-width:none; }.f-simple-image>.f-gallery .f-gallery-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }.f-results-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.f-results-grid>button { position:relative; padding:0; overflow:hidden; border:2px solid transparent; border-radius:8px; background:#0a151e; color:#fff; text-align:left; }.f-results-grid img { width:100%; height:200px; object-fit:cover; }.f-results-grid span { display:block; padding:7px 10px; font-size:.75rem; }
.f-create-pro { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(270px,.88fr); gap:12px; align-items:start; }.f-models { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; margin:12px 0; }.f-models button { overflow:hidden; padding:0 0 6px; border:1px solid #293b4d; border-radius:7px; background:#09151f; color:white; text-align:left; }.f-models img { width:100%; height:65px; object-fit:cover; }.f-models strong { display:block; font-size:.68rem; padding:4px 5px; }.f-models small { padding:0 5px; font-size:.6rem; }.f-vertical-steps { list-style:none; padding:0; }.f-vertical-steps li { display:flex; align-items:center; gap:8px; border:1px solid #2b3745; padding:10px; margin:8px 0; border-radius:7px; background:#101822; }.f-vertical-steps b { color:#bb6cff; }.f-vertical-steps strong { font-size:.78rem; }.f-vertical-steps button { margin-left:auto; min-height:25px!important; }.f-vertical-steps small { font-size:.66rem; }
.f-create-special { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,.85fr) minmax(0,1.15fr); gap:12px; align-items:start; }.f-create-special.outpaint { grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr); }.f-create-special.transform { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.f-create-special.transform>.f-special-canvas { grid-column:1; grid-row:1; }.f-create-special.transform>.f-special-canvas .f-edit-canvas img { max-height:260px; }.f-create-special.transform>.f-panel:nth-child(2) { grid-column:1; grid-row:2; }.f-create-special.transform>.f-preview-panel { grid-column:2; grid-row:1/3; }
.f-edit-canvas { position:relative; overflow:hidden; border:1px solid #344254; border-radius:7px; background:#0a1119; }.f-edit-canvas>img { display:block; width:100%; max-height:570px; min-height:250px; object-fit:cover; }.f-mask-shape { position:absolute; left:54%; top:18%; width:27%; height:46%; border:2px dashed #ffd6cf; background:#ff595d60; border-radius:45% 45% 20% 20%; transform:rotate(-12deg); pointer-events:none; }.f-mask-pad { position:absolute; inset:0; width:100%; height:100%; touch-action:none; cursor:crosshair; }.f-outpaint-canvas { padding:48px 10%; background:repeating-linear-gradient(135deg,#161a23 0 8px,#1d212a 8px 9px); }.f-outpaint-canvas img { border:2px dashed #ff9c2d; min-height:300px; }.f-original-frame { position:absolute; inset:20% 25%; border:2px dashed #fff; pointer-events:none; }.f-expansion { position:absolute; color:#fff; background:#0c141ee8; border:1px solid #db7d26; border-radius:5px; padding:5px; font-size:.72rem; }.f-expansion.top { top:8px; left:45%; }.f-expansion.bottom { bottom:8px; left:45%; }.f-expansion.left { left:5px; top:45%; }.f-expansion.right { right:5px; top:45%; }.f-source { width:100%; position:relative; border:1px dashed #708294; border-radius:6px; padding:0; overflow:hidden; background:#0a1119; color:#fff; }.f-source img { width:100%; max-height:210px; object-fit:cover; }.f-source span { display:block; padding:8px; font-size:.74rem; }.f-image-mask { width:80px; height:55px; border:2px dashed #ff8c52; background:#ee694d77; }.f-show-mask .f-image-mask { display:block!important; }.f-show-expansion .f-edit-canvas { padding:20px; border:2px dashed #ff9e27; }
.f-workflow-layout { display:grid; grid-template-columns:minmax(260px,1.1fr) minmax(0,1fr) minmax(260px,.8fr); gap:12px; align-items:start; }.f-workflow-layout>.f-panel { min-width:0; }.f-workflow-nodes { display:grid; gap:10px; margin:15px 0; position:relative; }.f-workflow-node { display:block; position:relative; text-align:left; border:1px solid var(--node-color,#ff8a25); border-radius:8px; padding:12px; background:linear-gradient(120deg,#101b28,#080e15); color:#fff; min-width:0; }.f-workflow-node:not(:last-child):after { content:'↓'; position:absolute; bottom:-16px; left:50%; color:#ff9d35; z-index:1; }.f-workflow-node header { display:flex; gap:8px; align-items:center; }.f-workflow-node header b { display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--node-color,#ff8a25); border-radius:5px; color:var(--node-color,#ff8a25); }.f-workflow-node header strong { font-size:.82rem; }.f-workflow-node header span { margin-left:auto; }.f-workflow-node small { margin-top:6px; }.f-node-state { display:block; color:#24d7a0; font-size:.63rem; margin-top:7px; }.f-blocks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }.f-edit-flow { grid-template-columns:170px minmax(0,1fr) minmax(280px,.65fr); }.f-edit-flow>.f-panel>button { display:flex; width:100%; margin:5px 0; }.f-node-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:20px; background:radial-gradient(#344251 1px,transparent 1px); background-size:15px 15px; }.f-node-grid img { width:100%; height:115px; object-fit:cover; margin:8px 0; border-radius:5px; }.f-node-grid .f-workflow-node:after { content:'→'; right:-22px; left:auto; top:45%; bottom:auto; }.f-node-grid .f-workflow-node:nth-child(3):after { content:'↓'; top:auto; right:50%; bottom:-22px; }.f-run-status { display:block; margin-top:10px; }
.f-batch-layout { display:grid; gap:12px; min-width:0; }.f-batch-layout main { min-width:0; }.f-batch-layout main>.f-panel { margin-bottom:12px; }.f-create-batch>aside>.f-panel { display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:10px 20px; }.f-create-batch>aside h3 { grid-column:1/-1; }.f-create-batch>aside .f-fields { grid-column:2; grid-row:2/5; }.f-edit-batch { grid-template-columns:minmax(0,1fr) minmax(300px,.35fr); align-items:start; }.f-batch-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }.f-batch-tile { position:relative; border:2px solid #25384b; border-radius:7px; overflow:hidden; background:#09121a; min-width:0; }.f-batch-tile:has(input:checked) { border-color:#ff8f25; }.f-batch-tile>input { position:absolute; top:6px; left:6px; }.f-batch-tile img { width:100%; height:110px; object-fit:cover; }.f-batch-tile strong { display:block; font-size:.72rem; font-weight:500; padding:6px; overflow-wrap:anywhere; }.f-batch-tile small { padding:0 6px 6px; font-size:.61rem; }.f-batch-table { min-width:1050px; }.f-batch-table td:nth-child(3) { min-width:200px; max-width:250px; }.f-batch-table td>img { width:92px; height:65px; object-fit:cover; border-radius:5px; }.f-batch-table .f-text { margin:0; }.f-batch-table input,.f-batch-table select,.f-batch-table textarea { font-size:.67rem!important; }.f-batch-table .field-label { font-size:0; }.f-batch-table td .f-status { font-size:.6rem; }.f-queued { border-color:#19a2d7!important; background:#0b273c!important; }.f-history-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:15px; padding:14px 0; border-bottom:1px solid #23384a; font-size:.75rem; }
.f-api-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.25fr); align-items:start; gap:12px; }.f-api-layout pre { overflow:auto; max-width:100%; white-space:pre-wrap; overflow-wrap:anywhere; font-size:.73rem; line-height:1.6; background:#070f18; border:1px solid #213546; border-radius:6px; color:#ffb45b; padding:15px; min-height:150px; }.f-endpoint { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:12px 0; font-size:.78rem; }.f-endpoint code { flex:1; padding:9px; background:#07101a; border:1px solid #304154; border-radius:5px; }.f-endpoint b { color:#ffa452; }.f-api-limits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }.f-api-limits strong { font-size:.85rem; }.f-api-limits small { font-weight:400; margin-top:5px; }.f-api-response { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }.f-api-response>img { width:100%; height:180px; object-fit:cover; border-radius:6px; }.f-api-response pre { margin:0; font-size:.66rem; }.f-api-layout .f-gallery-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.f-video-pro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) minmax(290px,1fr); gap:12px; align-items:start; }.f-video-composer { display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:16px; }.f-video-composer>img { width:100%; height:150px; object-fit:cover; border-radius:7px; }.f-video .f-play { position:absolute; top:45%; left:45%; }.f-play { display:grid; place-items:center; width:55px; height:55px; border:1px solid #fff8; border-radius:50%; background:#05090ba8; color:#fff; font-size:1.3rem!important; }.f-transport { display:flex; align-items:center; gap:10px; min-height:35px; font-size:.7rem; }.f-transport button { border:0; color:#fff; background:none; }.f-transport input { flex:1; min-width:0; }.f-seven { grid-template-columns:repeat(7,minmax(0,1fr)); }.f-frame-inputs { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.f-frame-inputs>button { padding:0; background:#0c1823; border:1px solid #263b50; border-radius:7px; overflow:hidden; color:#fff; }.f-frame-inputs img { width:100%; height:110px; object-fit:cover; }.f-frame-inputs strong,.f-frame-inputs span { display:block; padding:5px; font-size:.7rem; }.f-transition-preview { position:relative; display:grid; grid-template-columns:1fr 2.5fr 1fr; gap:5px; }.f-transition-preview>div { position:relative; min-width:0; }.f-transition-preview img { width:100%; height:300px; object-fit:cover; border-radius:6px; }.f-transition-preview span { position:absolute; bottom:0; left:0; right:0; background:#0009; color:#fff; padding:6px; text-align:center; font-size:.65rem; }.f-transition-preview .f-play { position:absolute; left:calc(50% - 26px); top:calc(50% - 26px); }.f-source-meta { display:flex; gap:10px; align-items:center; }.f-source-meta>img { width:45%; height:110px; border-radius:7px; object-fit:cover; }.f-source-meta strong { display:block; font-size:.78rem; }.f-source-meta small { margin:5px 0; }.f-source-meta button { margin-top:6px; }
.f-audio-workspace { display:grid; grid-template-columns:115px minmax(0,.9fr) minmax(0,1.25fr) minmax(280px,1fr); gap:10px; align-items:start; }.f-audio-categories { padding:5px; }.f-audio-categories .f-tabs { flex-direction:column; overflow:visible; margin:0; }.f-audio-categories .f-tabs button { flex:0 0 60px; text-align:left; }.f-audio-track { display:grid; gap:5px; margin:9px 0; padding:8px; border:1px solid #ad602d; border-radius:6px; background:#412113; }.f-audio-track>span { color:#f9bd7b; font-size:.67rem; }.f-audio-track>div { display:flex; align-items:center; height:35px; gap:2px; }.f-audio-track i { flex:1; background:#fd913e; }.f-audio-track.violet { background:#291548; border-color:#8e4dcc; }.f-audio-track.violet i { background:#b57aff; }.f-audio-track.teal { background:#063a34; border-color:#00a888; }.f-audio-track.teal i { background:#03cdb5; }.f-timeline-ruler { font-size:.65rem; color:#aebdce; padding:8px 0; border-bottom:1px solid #2b3d52; }
.f-comparison { position:relative; overflow:hidden; border-radius:7px; aspect-ratio:16/10; background:#0a121a; }.f-comparison>div { position:absolute; inset:0; }.f-comparison img { width:100%; height:100%; object-fit:cover; }.f-compare-original img { filter:saturate(.65) brightness(.8); }.f-compare-edited { clip-path:inset(0 0 0 var(--split)); }.f-upscale-compare .f-compare-original img { filter:blur(2px); }.f-before-label,.f-after-label { position:absolute; top:10px; left:10px; padding:7px 10px; font-size:.76rem; border-radius:6px; color:white; background:#08101bcc; }.f-after-label { left:auto; right:10px; }.f-compare-divider { position:absolute; left:var(--split); top:0; bottom:0; width:2px; background:#fff; pointer-events:none; }.f-compare-divider:after { content:'↔'; position:absolute; top:48%; left:-17px; width:35px; height:35px; border:1px solid #fff; border-radius:50%; background:#101923; color:white; text-align:center; line-height:32px; font-size:1.2rem; }.f-comparison>[data-f-compare] { position:absolute; width:100%; height:100%; inset:0; opacity:0; cursor:ew-resize; margin:0; }.f-compare-panel>small { margin-top:7px; }
.f-edit-simple { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr); align-items:start; gap:12px; }.f-selected-tool { border:1px solid #735235; padding:12px; border-radius:7px; background:linear-gradient(110deg,#2e1c0f,#0a141e); }.f-selected-tool strong { color:#ffbc75; }.f-selected-tool small { margin-top:6px; }
.f-edit-layout { display:grid; grid-template-columns:minmax(200px,.65fr) minmax(0,1.8fr) minmax(280px,1fr); align-items:start; gap:12px; }.f-edit-layout.f-wide-edit { grid-template-columns:minmax(0,2.5fr) minmax(300px,1fr); }.f-edit-layout>.f-panel { min-height:100%; }.f-edit-inspector { min-height:0!important; }.f-edit-inspector .f-gallery-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.f-edit-inspector .f-gallery-grid img { height:55px; }.f-edit-inspector .f-gallery-grid button>span { font-size:.6rem; padding:4px; min-height:20px; }.f-layer-list { display:grid; gap:6px; }.f-layer-list>button { display:flex; gap:7px; align-items:center; padding:7px; min-width:0; border:1px solid #25394a; border-radius:6px; color:white; background:#0b1720; text-align:left; }.f-layer-list img { width:45px; height:42px; object-fit:cover; border-radius:4px; }.f-layer-list strong { display:block; font-size:.73rem; font-weight:500; }.f-layer-list small { font-size:.61rem; margin-top:5px; }.f-layer-list.f-history-mode>button:before { content:'↶'; color:#ffa85a; }.f-mask-swatch { width:90px; height:70px; background:radial-gradient(ellipse 18px 30px at 45% 55%,white 95%,black); border:1px solid #617285; border-radius:6px; margin-bottom:10px; }.f-mask-swatch.inverted { filter:invert(1); }.f-light-dial { display:flex; align-items:center; justify-content:center; gap:20px; height:90px; border:1px solid #344355; border-radius:7px; background:radial-gradient(circle at 40% 45%,#d98d2a55,transparent 38%); }.f-light-dial span { display:grid; place-items:center; border:1px solid #9aa9b8; color:#ff9f28; border-radius:50%; width:65px; height:65px; font-size:1.7rem; }.f-resolution-map { display:flex; gap:10px; align-items:center; justify-content:space-between; border:1px solid #2c3f50; border-radius:6px; padding:12px; margin:12px 0; font-size:.7rem; }.f-resolution-map strong { display:block; margin-top:7px; color:#dce5ef; font-weight:500; }.f-upload-result { display:grid; gap:5px; max-width:220px; margin:8px 0; color:#c4cfdb; font-size:.72rem; }.f-upload-result img,.f-upload-result video,.f-upload-result audio { max-width:100%; max-height:150px; border-radius:6px; }
@media(max-width:1250px) {
  .f-director-layout { grid-template-columns:minmax(0,2fr) 285px; }.f-plan-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }.f-format-row { grid-template-columns:1fr; }.f-gallery-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.f-create-pro { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.f-create-pro>aside { grid-column:1/-1; grid-template-columns:repeat(3,minmax(0,1fr)); }.f-create-special { grid-template-columns:minmax(0,1fr) minmax(250px,.7fr); }.f-create-special>.f-preview-panel { grid-column:1/-1; }.f-video-pro { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }.f-video-pro>aside,.f-video-pro>.f-panel:nth-child(3) { grid-column:1/-1; }.f-audio-workspace { grid-template-columns:100px minmax(0,1fr) minmax(0,1.3fr); }.f-audio-workspace>.f-panel:nth-child(4) { grid-column:1/-1; }.f-edit-layout { grid-template-columns:180px minmax(0,1fr); }.f-edit-layout>.f-edit-inspector { grid-column:1/-1; }.f-edit-layout.f-wide-edit { grid-template-columns:minmax(0,1fr) 280px; }.f-edit-layout.f-wide-edit>.f-edit-inspector { grid-column:2; }.f-batch-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.f-seven { grid-template-columns:repeat(4,minmax(0,1fr)); }.f-workflow-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.f-workflow-layout>aside { grid-column:1/-1; }.f-edit-flow { grid-template-columns:150px minmax(0,1fr); }.f-api-layout { grid-template-columns:1fr 1fr; }.f-api-layout>aside { grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); }.f-api-layout>aside>.f-panel:last-child { grid-column:1/-1; }
}
@media(max-width:800px) {
  .f-two,.f-director-layout,.f-create-pro,.f-create-special,.f-create-special.outpaint,.f-create-special.transform,.f-video-pro,.f-edit-simple,.f-edit-layout,.f-edit-layout.f-wide-edit,.f-edit-batch,.f-api-layout,.f-workflow-layout,.f-edit-flow,.f-audio-workspace { grid-template-columns:minmax(0,1fr); }
  .fidelity-root .f-span,.f-create-pro>aside,.f-create-special.transform>.f-special-canvas,.f-create-special.transform>.f-panel:nth-child(2),.f-create-special.transform>.f-preview-panel,.f-video-pro>aside,.f-video-pro>.f-panel:nth-child(3),.f-audio-workspace>.f-panel:nth-child(4),.f-edit-layout>.f-edit-inspector,.f-edit-layout.f-wide-edit>.f-edit-inspector,.f-api-layout>aside,.f-workflow-layout>aside { grid-column:1; grid-row:auto; }
  .f-create-pro>aside,.f-api-layout>aside { grid-template-columns:1fr; }.f-api-layout>aside>.f-panel:last-child { grid-column:1; }
  .fidelity-root .f-choices { grid-template-columns:repeat(auto-fit,minmax(85px,1fr)); }.f-gallery-grid,.f-styles,.f-image-workspace .f-gallery-grid,.f-simple-image>.f-gallery .f-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-gallery-grid img { height:110px; }.f-gallery>header>span { display:none; }.f-plan-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-plan-cards article { min-height:170px; }.f-number-heading { padding-right:0; align-items:flex-start; }.f-heading-actions { position:static; margin-bottom:8px; }.f-format-row .f-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-scene-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-project-overview { grid-template-columns:90px minmax(0,1fr); }.f-project-overview h2 { font-size:1.15rem; }.f-project-overview>img { height:100px; }.f-project-overview dl { grid-column:1/-1; padding:0; border:0; }.f-production-flow { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:18px; }.f-production-flow li:nth-child(3):after { display:none; }.f-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-director-main>.f-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-table { min-width:740px; }
  .f-composer-input,.f-video-composer { grid-template-columns:1fr; }.f-composer-input>img { grid-column:1; grid-row:2; margin:0; height:125px; }.f-composer-input>button { bottom:auto; top:105px; }.f-composer-input>.f-text textarea { min-height:145px; }.f-composer-options>div:first-child { flex-basis:100%; }.f-composer-options .f-submit { flex-basis:100%; }.f-composer-options .f-submit button { flex:1; }.f-create-batch>aside>.f-panel { display:block; }.f-create-batch>aside .f-fields { grid-column:auto; grid-row:auto; }.f-batch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-seven { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-results-grid img { height:165px; }.f-models { grid-template-columns:repeat(3,minmax(0,1fr)); }.f-node-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:10px; }.f-node-grid .f-workflow-node:after { display:none; }.f-node-grid img { height:95px; }.f-edit-flow>.f-panel>button { width:auto; display:inline-flex; margin:3px; }.f-transition-preview img { height:230px; }.f-audio-categories .f-tabs { flex-direction:row; overflow-x:auto; }.f-audio-categories .f-tabs button { flex:1 0 95px; }.f-edit-canvas>img { min-height:220px; }.f-outpaint-canvas { padding:35px 8%; }.f-outpaint-canvas img { min-height:200px; }.f-api-layout .f-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-api-limits { grid-template-columns:repeat(2,minmax(0,1fr)); }.f-api-response { grid-template-columns:1fr; }.f-thumbs { grid-auto-columns:minmax(65px,1fr); overflow-x:auto; }.f-thumbs img { height:65px; }.f-comparison { aspect-ratio:4/3; }
  .f-create-pro>.f-panel:first-child,.f-create-pro>.f-preview-panel,.f-create-pro>aside,.f-create-pro>.f-create-pro-advanced { grid-column:1; grid-row:auto; }
  .f-create-pro>.f-create-pro-advanced { display:block; }.f-create-pro-advanced>.f-fields { grid-template-columns:1fr; }
  .f-create-pro-advanced>.f-advanced-body { display:block; }
  .f-director-main>.f-panel:nth-child(2) { grid-template-columns:1fr; }.f-director-main>.f-panel:nth-child(2)>.f-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-board-detail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fidelity-root .f-fields:has(>:nth-child(3)):not(:has(>:nth-child(4))) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .f-video-composer:has(>.f-source) { grid-template-columns:1fr; }
  .f-edit-layout .f-actions:has(>.f-choices) { flex-wrap:wrap; }
}