:root{--bg-page:#131416;--bg-canvas:#171717;--bg-panel:#1e1e1e;--bg-elevated:#262626;--bg-button:#2e2e2e;--border:#2a2a2a;--border-elevated:#333;--text:#ececec;--text-muted:#8a8a8a;--accent:#d1fe17;--radius:8px}*{box-sizing:border-box}html,body{background:var(--bg-page);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,SF Pro Text,Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;overflow:hidden}#app{width:100vw;height:100dvh}#app .fshell-dock{background:var(--bg-panel)}#app .fshell-dock[data-dock=main]{background:var(--bg-canvas)}#app .fshell-dock[data-dock=floating],#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=floating]{background:0 0;border:0}#app .fshell[data-design=higgsfield]{--bg-canvas:#0f0f0f;--bg-panel:#131416;--bg-elevated:#1c1e21;--bg-button:#1c1e21;--border:#ffffff0d;--border-elevated:#ffffff1a;--text:#fafafa;--text-muted:#999a9b;--accent:#d1fe17;--color-background-primary:var(--bg-canvas);--color-background-secondary:var(--bg-panel);--color-surface-interactive:var(--bg-elevated);--color-border-default:var(--border-elevated);--color-border-subtle:var(--border);--color-text-primary:var(--text);--color-text-tertiary:var(--text-muted);--color-icon-primary:var(--text);--color-icon-secondary:var(--text-muted);--color-icon-accent:var(--accent);--color-transparent-dark-30:#ffffff4d;--color-transparent-dark-50:#ffffff80;--fshell-bg:var(--bg-panel);--fshell-border:var(--border);gap:0;padding:0;font-family:Inter,SF Pro Text,Segoe UI,system-ui,sans-serif}#app .fshell[data-design=higgsfield]>.fshell-dock{box-shadow:none;border-radius:0}#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=main]{background:var(--bg-canvas);overflow:hidden}#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=bottom]{overflow:hidden}#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=bottom-right]{display:none}#app .fshell[data-design=higgsfield]>.fshell-resizer-bottom:after{content:"";background:var(--border-elevated);border-radius:2px;width:40px;height:3px;margin:2px auto;display:block}#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=left]>.fshell-card,#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=left]>.fshell-card>.fshell-card-body,#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=right]>.fshell-card{height:100%}#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=right] .fshell-card-header{display:none}#app .fshell[data-design=higgsfield]>.fshell-dock[data-dock=right] .fshell-card-body{height:100%;padding:0}#app .fshell[data-design=higgsfield] .ftr-topbar{height:57px;min-height:57px;padding:0}#app .fshell[data-design=higgsfield] .ftr-global-header{grid-template-columns:28px minmax(0,1fr) auto minmax(177px,1fr);gap:12px;height:57px;min-height:57px;padding:0 22px;display:grid;position:relative}#app .fshell[data-design=higgsfield] .ftr-logo{border-radius:7px;flex:0 0 28px;width:28px;height:28px}#app .fshell[data-design=higgsfield] .ftr-project-menu{align-items:center;gap:2px;min-width:0;display:flex;position:relative}#app .fshell[data-design=higgsfield] .ftr-project-menu .ftr-project-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:270px;margin:0;padding:0;font-size:14px;display:block;position:static;overflow:hidden;transform:none}#app .fshell[data-design=higgsfield] .ftr-project-menus{border:1px solid var(--border-elevated);background:#1c1e21;border-radius:10px;padding:8px;position:absolute;top:42px;left:0;box-shadow:0 12px 36px #0006}#app .fshell[data-design=higgsfield] .ftr-menubar-btn{padding:6px 10px;font-size:13px}#app .fshell[data-design=higgsfield] .ftr-workspace-tools{align-items:center;gap:4px;display:flex;position:static;transform:none}#app .fshell[data-design=higgsfield] .ftr-timeline-modes{border:1px solid var(--border-elevated);border-radius:7px;flex:none;gap:2px;margin-left:8px;padding:3px;display:flex}#app .fshell[data-design=higgsfield] .ftr-timeline-modes button{height:26px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px;font-size:12px;font-weight:500}#app .fshell[data-design=higgsfield] .ftr-timeline-modes button[aria-pressed=true]{background:var(--bg-button);color:var(--text)}#app .fshell[data-design=higgsfield] .ftr-workspace-actions{align-items:center;gap:8px;margin-left:auto;display:flex}#app .fshell[data-design=higgsfield] .ftr-workspace-button,#app .fshell[data-design=higgsfield] .ftr-workspace-zoom{color:#a5a6a7;cursor:pointer;min-width:32px;height:32px;font:inherit;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0;display:inline-flex}#app .fshell[data-design=higgsfield] .ftr-workspace-zoom{color:var(--text);padding:0 8px}#app .fshell[data-design=higgsfield] .ftr-workspace-button[aria-pressed=true],#app .fshell[data-design=higgsfield] .ftr-workspace-button:hover:not(:disabled){color:var(--text);background:#ffffff0a}#app .fshell[data-design=higgsfield] .ftr-workspace-button:disabled{opacity:.3;cursor:default}#app .fshell[data-design=higgsfield] .ftr-workspace-divider{background:var(--border-elevated);width:1px;height:16px;margin:0 4px}#app .fshell[data-design=higgsfield] .ftr-export{background:var(--accent);color:#0f0f0f;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:97px;height:32px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}#app .fshell[data-design=higgsfield] .ftr-export:not(:disabled){opacity:1}#app .fshell[data-design=higgsfield] .ftr-project-title:before{content:none}#app .fshell[data-design=higgsfield] .assets-design-header{border-bottom:1px solid var(--border);gap:12px;height:52px;min-height:52px;padding:0 16px}#app .fshell[data-design=higgsfield] .assets-segmented{gap:22px;height:100%}#app .fshell[data-design=higgsfield] .assets-segment{height:100%;color:var(--text-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0;font-size:14px}#app .fshell[data-design=higgsfield] .assets-segment.selected{color:var(--text);border-bottom-color:var(--text);background:0 0}#app .fshell[data-design=higgsfield] .assets-more{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px}#app .fshell[data-design=higgsfield] .assets-design-actions{display:none}#app .fshell[data-design=higgsfield] .assets-toolbar{flex:none;gap:6px;height:64px;padding:16px;display:flex}#app .fshell[data-design=higgsfield] .assets-toolbar>.input{border-radius:8px;height:32px;padding:6px 10px}#app .fshell[data-design=higgsfield] .assets-toolbar .sort-select{flex:0 0 65px;width:65px;padding:4px;font-size:11px;display:none}#app .fshell[data-design=higgsfield] .assets-toolbar .view-toggle{gap:0;display:none}#app .fshell[data-design=higgsfield] .assets-toolbar .icon-btn{width:24px;height:32px}#app .fshell[data-design=higgsfield] .asset-grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--asset-card-size,96px)), 1fr));gap:16px 12px;padding:0 16px 16px}#app .fshell[data-design=higgsfield] .asset-grid.list{grid-template-columns:minmax(0,1fr)}#app .fshell[data-design=higgsfield] .asset-grid:not(.list) .asset-thumb{aspect-ratio:16/10;border-radius:8px;height:auto;min-height:0}#app .fshell[data-design=higgsfield] .asset-name{color:var(--text);text-align:center;padding:8px 0 0;font-size:12px}#app .fshell[data-design=higgsfield] .asset-grid.list .asset-name{text-align:left;padding:0}#app .fshell[data-design=higgsfield] .fable-assets .assets-tab-panel{padding-bottom:16px}#app .fshell[data-design=higgsfield] .fable-assets .asset-card{border-radius:8px;padding:0}#app .fshell[data-design=higgsfield] .fable-assets .scene-badge{padding:0 4px;font-size:8px;bottom:4px;left:4px}.assets-compact-options{display:none}#app .fshell[data-design=higgsfield] .assets-compact-options{gap:4px;display:flex}#app .fshell[data-design=higgsfield] .assets-toolbar .icon-btn{width:28px}.inspector-workspace-tabs,.inspector-workspace-content{display:none}#app .fshell[data-design=higgsfield] .fable-inspector{background:var(--bg-panel);height:100%;margin:0}#app .fshell[data-design=higgsfield] .fable-inspector>.panel-header{display:none}#app .fshell[data-design=higgsfield] .inspector-workspace-tabs{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:stretch;gap:12px;height:52px;padding:0 16px;display:flex;overflow-x:auto}#app .fshell[data-design=higgsfield] .inspector-workspace-tabs button{white-space:nowrap;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:0;font-size:13px}#app .fshell[data-design=higgsfield] .inspector-workspace-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}#app .fshell[data-design=higgsfield] .inspector-properties[data-active=false]{display:none}#app .fshell[data-design=higgsfield] .inspector-workspace-content{display:block}#app .fshell[data-design=higgsfield] .fable-inspector .fui-section{padding:16px}#app .fshell[data-design=higgsfield] .fable-inspector .fui-section-title{font-size:14px;font-weight:500}#app .fshell[data-design=higgsfield] .fable-inspector .fui-row{margin-top:8px}#app .fshell[data-design=higgsfield] .fable-inspector input:not([type=checkbox]):not([type=range]):not([type=color]),#app .fshell[data-design=higgsfield] .fable-inspector select{background:var(--bg-elevated);border-color:#0000;border-radius:8px;min-height:36px}#app .fshell[data-design=higgsfield] .fv-context-toolbar:not([hidden]){background:#111214;border-radius:12px;padding:8px;display:flex}#app .fshell[data-design=higgsfield] .fv-root{background:var(--bg-canvas);border-radius:0;min-height:0;padding-bottom:12px;container:viewport/inline-size}#app .fshell[data-design=higgsfield] .fv-scene-tabs{z-index:21;background:var(--bg-panel);border-top:1px solid var(--border);border-bottom:1px solid var(--border);height:38px;min-height:38px;padding:0 16px;display:flex;position:relative}#app .fshell[data-design=higgsfield] .fv-scene-tab{background:0 0;border-radius:0;flex:none;min-width:96px;max-width:220px;height:37px;padding:0 16px;font-size:12px}#app .fshell[data-design=higgsfield] .fv-scene-tab.active{color:var(--text);border-bottom:2px solid var(--accent);background:#ffffff06}#app .fshell[data-design=higgsfield] .fv-scene-controls{z-index:22;background:0 0;border:0;gap:16px;width:224px;height:38px;min-height:38px;padding:0;position:relative;transform:none}#app .fshell[data-design=higgsfield] .fv-scene-controls>.fv-sc-side:first-child{flex:none;order:1;position:static;transform:none}#app .fshell[data-design=higgsfield] .fv-sc-timecode{gap:8px;font-size:13px}#app .fshell[data-design=higgsfield] .fv-sc-play{width:32px;height:32px;position:static}#app .fshell[data-design=higgsfield] .fv-sc-right{height:28px;display:flex;position:static}#app .fshell[data-design=higgsfield] .ftl-modes{border-bottom:1px solid var(--border);height:38px}#app .fshell[data-design=higgsfield]:has(.ftr-timeline-modes) .ftl-modes{display:none}#app .fshell[data-design=higgsfield] .ftl-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);gap:8px;height:40px;min-height:40px;padding:0 16px}#app .fshell[data-design=higgsfield] .ftl-animation{border:0;border-radius:0}#app .fshell[data-design=higgsfield] .ftl-timeline{background:var(--bg-panel);box-shadow:none;border:0;border-radius:0;padding:0}#app .fshell[data-design=higgsfield] .ftl-toolbar-group[aria-label=History]{display:none}#app .fshell[data-design=higgsfield] .ftl-toolbar-group[aria-label=Media\ actions]{min-width:0;overflow-x:auto}#app .fshell[data-design=higgsfield] .ftl-toolbar-group[aria-label=Media\ actions] .ftl-action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app .fshell[data-design=higgsfield] .ftr-transport{display:none}.fv-stage[data-hand-tool=true] .fv-canvas{cursor:grab!important}.fv-stage[data-hand-tool=true] .fv-canvas:active{cursor:grabbing!important}#app .fshell[data-design=higgsfield] .ai-overlay{width:min(440px,100%);margin:0 auto;position:relative;inset:auto;transform:none}#app .fshell[data-design=higgsfield] .ai-compose-card{border:1px solid var(--border-elevated);background:#1c1e21;border-radius:16px;gap:8px;min-height:56px;padding:12px;box-shadow:0 8px 24px #0003}#app .fshell[data-design=higgsfield] .ai-compose-content{gap:12px;padding:4px}#app .fshell[data-design=higgsfield] .ai-prompt-wrap{min-height:20px}#app .fshell[data-design=higgsfield] .ai-prompt{min-height:20px;line-height:20px}#app .fshell[data-design=higgsfield] .ai-compose-card:not(:focus-within):not(:hover) .ai-controls{display:none}#app .fshell[data-design=higgsfield] .ai-compose-card:not(:focus-within):not(:hover) .ai-prompt{height:20px!important}#app .fshell[data-design=higgsfield] .ai-submit{flex:0 0 32px;align-self:flex-end}#app .fshell[data-design=higgsfield] button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=1100px){#app .fshell[data-design=higgsfield] .ftr-global-header{padding:0 12px}#app .fshell[data-design=higgsfield] .inspector-workspace-tabs{gap:16px}#app .fshell[data-design=higgsfield] .assets-toolbar{gap:4px;padding:16px 10px}}@container viewport (width<=420px){#app .fshell[data-design=higgsfield] .fv-design-title{align-items:flex-start;height:92px;padding-top:12px}}#app .fshell[data-design=higgsfield] .fv-root:fullscreen .fv-scene-tabs{position:static}#app .fshell[data-design=higgsfield] .fv-root:fullscreen{padding-bottom:0}#app .fshell[data-design=higgsfield] .fv-root:fullscreen .fv-scene-controls{width:auto;padding:4px 16px;position:static;transform:none}#app .fshell[data-design=higgsfield] .fv-root:fullscreen .fv-sc-right{position:static}