@fps-games/editor 0.2.0-beta.3 → 0.2.1-beta.1

package/node_modules/@fps-games/editor-ui/dist/editor-ui-theme.js

@@ -0,0 +1,653 @@
+export const EDITOR_UI_STYLE_ID = 'fps-editor-ui-system-styles';
+const EDITOR_UI_STYLES = `
+.fps-editor-workbench[data-fps-editor-theme="dark"] {
+  --fps-editor-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --fps-editor-mono-font: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --fps-editor-bg: #0c0d0f;
+  --fps-editor-chrome: #17181b;
+  --fps-editor-chrome-dark: #121316;
+  --fps-editor-panel: #1f2023;
+  --fps-editor-panel-soft: #292a2e;
+  --fps-editor-field: #242529;
+  --fps-editor-border: rgba(255,255,255,.075);
+  --fps-editor-border-soft: rgba(255,255,255,.055);
+  --fps-editor-inspector-section-border: rgba(255,255,255,.075);
+  --fps-editor-divider: rgba(255,255,255,.07);
+  --fps-editor-text: #d7d8db;
+  --fps-editor-text-strong: #f0f1f2;
+  --fps-editor-text-inverse: #ffffff;
+  --fps-editor-muted: #8b8d94;
+  --fps-editor-muted-strong: #b4b6bb;
+  --fps-editor-accent: #5f88b0;
+  --fps-editor-accent-soft: rgba(95,136,176,.18);
+  --fps-editor-accent-strong: #82acd3;
+  --fps-editor-control-active-bg: #343a42;
+  --fps-editor-control-active-border: #596572;
+  --fps-editor-control-on: #556b7f;
+  --fps-editor-control-thumb: #f2f4f6;
+  --fps-editor-editable-bg: #242529;
+  --fps-editor-editable-border: rgba(255,255,255,.10);
+  --fps-editor-editable-shadow: 0 0 0 1px rgba(0,0,0,.18) inset;
+  --fps-editor-readonly-bg: rgba(255,255,255,.035);
+  --fps-editor-readonly-border: rgba(255,255,255,.075);
+  --fps-editor-readonly-text: #c8c8c8;
+  --fps-editor-warn: #e5b454;
+  --fps-editor-warn-soft: rgba(248,196,79,.08);
+  --fps-editor-warn-border: rgba(229,180,84,.45);
+  --fps-editor-warn-strong: rgba(248,196,79,.95);
+  --fps-editor-danger: #ef6a6a;
+  --fps-editor-danger-text: #ffd7d5;
+  --fps-editor-danger-soft: rgba(239,106,106,.16);
+  --fps-editor-danger-border: rgba(239,106,106,.45);
+  --fps-editor-danger-strong: #ff9b95;
+  --fps-editor-success: #68b88a;
+  --fps-editor-success-soft: rgba(104,184,138,.12);
+  --fps-editor-success-border: rgba(104,184,138,.38);
+  --fps-editor-button: #292a2e;
+  --fps-editor-button-hover: #323338;
+  --fps-editor-button-active: #343a42;
+  --fps-editor-shadow-panel: 0 10px 28px rgba(0,0,0,.24);
+  --fps-editor-shadow-popover: 0 12px 32px rgba(0,0,0,.35);
+  --fps-editor-shadow-modal: 0 16px 42px rgba(0,0,0,.35);
+  --fps-editor-shadow-inset-highlight: 0 1px 0 rgba(255,255,255,.03) inset;
+  --fps-editor-row-selected: rgba(95,136,176,.16);
+  --fps-editor-row-selected-text: #ffffff;
+  --fps-editor-row-active: rgba(95,136,176,.24);
+  --fps-editor-drop-target: #82acd3;
+  --fps-editor-locked-bg: #262626;
+  --fps-editor-locked-text: #777777;
+  --fps-editor-role-root-bg: #3a2f18;
+  --fps-editor-role-group-bg: #243426;
+  --fps-editor-role-object-bg: #252b34;
+  --fps-editor-asset-card-bg: #243426;
+  --fps-editor-box-select-bg: rgba(95,136,176,.18);
+  --fps-editor-box-select-shadow: 0 0 0 1px rgba(10,15,23,.55) inset;
+  --fps-editor-scrollbar-thumb: #4c4e54;
+  --fps-editor-scrollbar-track: #17181b;
+  color-scheme: dark;
+}
+.fps-editor-workbench,
+.fps-editor-workbench * { box-sizing: border-box; }
+.fps-editor-workbench button,
+.fps-editor-workbench input,
+.fps-editor-workbench select,
+.fps-editor-workbench textarea { font: inherit; }
+.fps-editor-workbench button:focus-visible,
+.fps-editor-workbench input:focus-visible,
+.fps-editor-workbench select:focus-visible,
+.fps-editor-workbench textarea:focus-visible {
+  outline: 2px solid var(--fps-editor-accent);
+  outline-offset: 1px;
+}
+.fps-editor-workbench .fps-editor-ui-button {
+  min-width: 0;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  gap: 5px;
+  padding: 4px 8px;
+  border: 1px solid var(--fps-editor-border);
+  border-radius: 4px;
+  color: var(--fps-editor-text);
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 16px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background-color 90ms ease, border-color 90ms ease, color 90ms ease;
+}
+.fps-editor-workbench .fps-editor-ui-button:disabled { opacity: .48; cursor: not-allowed; }
+.fps-editor-workbench .fps-editor-ui-button[data-editor-button-variant="toolbar-icon"] {
+  width: 32px;
+  min-width: 32px;
+  height: 28px;
+  padding: 0;
+  flex-basis: 32px;
+}
+.fps-editor-workbench .fps-editor-ui-button[data-editor-button-label-mode="icon-only"] { gap: 0; }
+.fps-editor-workbench .fps-editor-ui-button[data-active="true"],
+.fps-editor-workbench .fps-editor-ui-button[data-editor-ui-active="true"] {
+  border-color: var(--fps-editor-control-active-border);
+  background: var(--fps-editor-button-active);
+  color: var(--fps-editor-text-strong);
+  box-shadow: inset 0 -2px 0 var(--fps-editor-accent);
+}
+.fps-editor-workbench .fps-editor-ui-button__label,
+.fps-editor-workbench .fps-editor-ui-ellipsis {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fps-editor-workbench .fps-editor-ui-panel-header {
+  min-height: 34px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: -8px -8px 8px;
+  padding: 0 9px;
+  border-bottom: 1px solid var(--fps-editor-divider);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--fps-editor-panel-soft) 58%, transparent), var(--fps-editor-chrome-dark));
+}
+.fps-editor-workbench .fps-editor-ui-panel-heading {
+  min-width: 0;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 0;
+  color: var(--fps-editor-text-strong);
+  font-size: 12px;
+  font-weight: 750;
+  letter-spacing: .01em;
+}
+.fps-editor-workbench .fps-editor-ui-dock-tab-strip {
+  height: 35px;
+  display: flex;
+  align-items: stretch;
+  flex: 0 0 auto;
+  border-bottom: 1px solid var(--fps-editor-divider);
+  background: var(--fps-editor-chrome-dark);
+}
+.fps-editor-workbench .fps-editor-ui-dock-tab-strip[data-editor-dock-area="bottom"] { height: 29px; }
+.fps-editor-workbench .fps-editor-ui-dock-tab {
+  height: 100%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+  padding: 0 11px;
+  border: 0;
+  border-right: 1px solid var(--fps-editor-divider);
+  border-top: 2px solid transparent;
+  background: transparent;
+  color: var(--fps-editor-muted);
+  font-size: 11px;
+  font-weight: 700;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.fps-editor-workbench .fps-editor-ui-dock-tab:hover { color: var(--fps-editor-text); background: var(--fps-editor-button-hover); }
+.fps-editor-workbench .fps-editor-ui-dock-tab[data-active="true"] {
+  border-top-color: var(--fps-editor-accent);
+  background: var(--fps-editor-panel);
+  color: var(--fps-editor-text-strong);
+}
+.fps-editor-workbench.fps-editor-ui-workbench-root {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483639;
+  display: block;
+  color: var(--fps-editor-text);
+  font-family: var(--fps-editor-font);
+  font-size: 12px;
+  pointer-events: none;
+}
+.fps-editor-workbench .fps-editor-ui-workbench-dock {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  border: 1px solid var(--fps-editor-divider);
+  background: var(--fps-editor-panel);
+  pointer-events: auto;
+  overflow: hidden;
+}
+.fps-editor-workbench .fps-editor-ui-workbench-dock[data-editor-workbench-region="left-dock"] { top:0; left:0; bottom:260px; width:300px; }
+.fps-editor-workbench .fps-editor-ui-workbench-dock[data-editor-workbench-region="right-dock"] { top:0; right:0; bottom:0; width:340px; }
+.fps-editor-workbench .fps-editor-ui-workbench-dock[data-editor-workbench-region="bottom-dock"] { left:0; right:340px; bottom:0; height:260px; }
+.fps-editor-workbench .fps-editor-ui-scene-frame {
+  position: absolute;
+  inset: 0 340px 260px 300px;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+  border: 1px solid var(--fps-editor-divider);
+  border-top: 0;
+  background: transparent;
+  pointer-events: none;
+  overflow: hidden;
+}
+.fps-editor-workbench .fps-editor-ui-scene-header {
+  height: 38px;
+  flex: 0 0 38px;
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--fps-editor-divider);
+  background: color-mix(in srgb, var(--fps-editor-chrome) 92%, transparent);
+  box-shadow: var(--fps-editor-shadow-inset-highlight);
+  pointer-events: none;
+}
+.fps-editor-workbench .fps-editor-ui-workbench-resizer { position:absolute; z-index:4; background:transparent; pointer-events:auto; touch-action:none; }
+.fps-editor-workbench .fps-editor-ui-workbench-resizer:hover { background:var(--fps-editor-accent-soft); }
+.fps-editor-workbench .fps-editor-ui-workbench-resizer[data-editor-workbench-resizer="bottom"] { height:7px; cursor:row-resize; }
+.fps-editor-workbench .fps-editor-ui-workbench-resizer:not([data-editor-workbench-resizer="bottom"]) { width:7px; cursor:col-resize; }
+.fps-editor-workbench .fps-editor-ui-workbench-toggle {
+  position: absolute;
+  z-index: 5;
+  width: 26px;
+  height: 26px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 1px solid var(--fps-editor-border);
+  border-radius: 5px;
+  background: var(--fps-editor-button);
+  color: var(--fps-editor-text);
+  box-shadow: var(--fps-editor-shadow-panel);
+  cursor: pointer;
+  pointer-events: auto;
+}
+.fps-editor-workbench .fps-editor-ui-workbench-toggle:hover { background:var(--fps-editor-button-hover); border-color:var(--fps-editor-accent); }
+.fps-editor-workbench .fps-editor-ui-panel-content { flex:1; min-height:0; overflow:auto; padding:8px; }
+.fps-editor-workbench .fps-editor-ui-scene-toolbar { width:100%; height:100%; max-width:100%; display:flex; align-items:center; gap:7px; padding:5px 8px; pointer-events:auto; overflow:hidden; }
+.fps-editor-workbench .fps-editor-ui-dock-panel { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
+.fps-editor-workbench .fps-editor-ui-dock-viewport { flex:1; min-height:0; overflow:auto; padding:var(--fps-editor-dock-padding, 0 2px 0 0); }
+.fps-editor-workbench .fps-editor-ui-dock-viewport[data-editor-ui-column="true"] { display:flex; flex-direction:column; gap:var(--fps-editor-dock-gap, 0); }
+.fps-editor-workbench .fps-editor-ui-tree { display:flex; flex-direction:column; gap:1px; }
+.fps-editor-workbench .fps-editor-ui-tree-item {
+  width:100%; min-height:25px; position:relative; display:flex; align-items:center; gap:5px;
+  padding:3px 8px 3px calc(8px + var(--fps-editor-tree-depth, 0) * 16px);
+  border:1px solid transparent; border-radius:3px; background:transparent; color:var(--fps-editor-text);
+  text-align:left; font-size:12px; font-weight:650; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
+}
+.fps-editor-workbench .fps-editor-ui-tree-item:hover { background:var(--fps-editor-button-hover); }
+.fps-editor-workbench .fps-editor-ui-tree-item[data-selected="true"] { border-color:transparent; background:var(--fps-editor-row-selected); color:var(--fps-editor-row-selected-text); box-shadow:inset 2px 0 0 var(--fps-editor-accent); }
+.fps-editor-workbench .fps-editor-ui-tree-item[data-active="true"] { border-color:transparent; background:var(--fps-editor-row-active); }
+.fps-editor-workbench .fps-editor-ui-tree-item[data-locked="true"] { background:var(--fps-editor-locked-bg); color:var(--fps-editor-locked-text); cursor:not-allowed; }
+.fps-editor-workbench .fps-editor-ui-tree-item[data-enabled="false"] { opacity:.72; color:var(--fps-editor-muted); }
+.fps-editor-workbench .fps-editor-ui-tree-item[data-drop-placement="inside"] { border-color:var(--fps-editor-drop-target); background:var(--fps-editor-accent-soft); box-shadow:inset 3px 0 0 var(--fps-editor-drop-target); }
+.fps-editor-workbench .fps-editor-ui-tree-item[data-drop-valid="false"] { border-color:var(--fps-editor-muted); background:var(--fps-editor-field); box-shadow:inset 3px 0 0 var(--fps-editor-muted); }
+.fps-editor-workbench .fps-editor-ui-property-grid { display:flex; flex-direction:column; gap:4px; }
+.fps-editor-workbench .fps-editor-ui-property-row { min-height:24px; display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; align-items:center; }
+.fps-editor-workbench .fps-editor-ui-property-label { color:var(--fps-editor-muted); font-weight:650; }
+.fps-editor-workbench .fps-editor-ui-badge { display:inline-flex; align-items:center; justify-content:center; gap:3px; padding:2px 6px; border:1px solid var(--fps-editor-border); border-radius:999px; background:var(--fps-editor-field); color:var(--fps-editor-muted-strong); font-size:9px; font-weight:750; line-height:1.2; white-space:nowrap; }
+.fps-editor-workbench .fps-editor-ui-badge[data-compact="true"] { padding:1px 4px; }
+.fps-editor-workbench .fps-editor-ui-badge[data-tone="warning"] { border-color:var(--fps-editor-warn-border); background:var(--fps-editor-warn-soft); color:var(--fps-editor-warn); }
+.fps-editor-workbench .fps-editor-ui-badge[data-tone="danger"] { border-color:var(--fps-editor-danger-border); background:var(--fps-editor-danger-soft); color:var(--fps-editor-danger-text); }
+.fps-editor-workbench .fps-editor-ui-badge[data-tone="success"] { border-color:var(--fps-editor-success-border); background:var(--fps-editor-success-soft); color:var(--fps-editor-success); }
+.fps-editor-workbench .fps-editor-ui-empty-state { padding:12px 10px; border:1px dashed var(--fps-editor-border); border-radius:6px; background:color-mix(in srgb,var(--fps-editor-field) 70%,transparent); color:var(--fps-editor-muted); font-size:11px; line-height:1.45; text-align:center; }
+.fps-editor-workbench .fps-editor-ui-list-item { padding:8px 9px; border:1px solid var(--fps-editor-border-soft); border-radius:5px; background:var(--fps-editor-panel-soft); }
+.fps-editor-workbench .fps-editor-ui-asset-list { display:flex; flex-direction:column; gap:3px; max-height:220px; overflow:auto; padding-right:2px; }
+.fps-editor-workbench .fps-editor-ui-asset-list[data-grid="true"] { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:6px; max-height:none; }
+.fps-editor-workbench.fps-editor-ui-context-menu,
+.fps-editor-workbench .fps-editor-ui-context-menu { position:fixed; display:none; min-width:176px; padding:5px; border:1px solid var(--fps-editor-border); border-radius:6px; background:var(--fps-editor-chrome); box-shadow:var(--fps-editor-shadow-popover); z-index:2147483641; pointer-events:auto; }
+.fps-editor-workbench .fps-editor-ui-context-menu-item { width:100%; min-height:28px; display:flex; align-items:center; gap:8px; padding:5px 8px; border:0; border-radius:4px; background:transparent; color:var(--fps-editor-text); text-align:left; cursor:pointer; }
+.fps-editor-workbench .fps-editor-ui-context-menu-group { position:relative; }
+.fps-editor-workbench .fps-editor-ui-context-menu-item[data-compact="false"] { justify-content:space-between; gap:18px; }
+.fps-editor-workbench .fps-editor-ui-context-menu-item[data-compact="true"] { justify-content:center; border:1px solid var(--fps-editor-border); background:var(--fps-editor-bg); text-align:center; }
+.fps-editor-workbench .fps-editor-ui-context-menu-item[data-danger="true"] { color:var(--fps-editor-danger-text); }
+.fps-editor-workbench .fps-editor-ui-context-menu-label { flex:1; }
+.fps-editor-workbench .fps-editor-ui-context-menu-item[data-compact="true"] .fps-editor-ui-context-menu-label { width:100%; }
+.fps-editor-workbench .fps-editor-ui-context-menu-shortcut { color:var(--fps-editor-muted); font-size:11px; font-weight:650; white-space:nowrap; }
+.fps-editor-workbench .fps-editor-ui-context-menu-item:hover,
+.fps-editor-workbench .fps-editor-ui-context-menu-item:focus-visible { background:var(--fps-editor-accent-soft); color:var(--fps-editor-text-strong); }
+.fps-editor-workbench .fps-editor-ui-context-menu-item:disabled { opacity:.45; cursor:not-allowed; }
+.fps-editor-workbench .fps-editor-ui-context-menu-separator { height:1px; margin:4px; background:var(--fps-editor-divider); }
+.fps-editor-workbench.fps-editor-ui-modal-root,
+.fps-editor-workbench .fps-editor-ui-modal-root { position:fixed; inset:0; z-index:2147483643; display:none; align-items:center; justify-content:center; padding:32px; background:rgba(0,0,0,.54); backdrop-filter:blur(2px); color:var(--fps-editor-text); font-family:var(--fps-editor-font); pointer-events:auto; }
+.fps-editor-workbench .fps-editor-ui-modal { width:min(460px,calc(100vw - 64px)); max-height:calc(100vh - 64px); display:flex; flex-direction:column; gap:11px; padding:16px; border:1px solid var(--fps-editor-border); border-radius:8px; background:var(--fps-editor-panel); box-shadow:var(--fps-editor-shadow-modal); overflow:hidden; }
+.fps-editor-workbench .fps-editor-ui-modal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
+.fps-editor-workbench .fps-editor-ui-modal-title { min-width:0; margin:0; overflow-wrap:anywhere; color:var(--fps-editor-text-strong); font-size:13px; font-weight:750; line-height:18px; }
+.fps-editor-workbench .fps-editor-ui-modal-message { color:var(--fps-editor-text); font-size:12px; font-weight:650; line-height:18px; overflow-wrap:anywhere; }
+.fps-editor-workbench .fps-editor-ui-modal-details { display:none; max-height:min(180px,calc(100vh - 260px)); margin:0; overflow:auto; padding:9px; border:1px solid var(--fps-editor-border-soft); border-radius:5px; background:var(--fps-editor-field); color:var(--fps-editor-muted-strong); font-family:var(--fps-editor-mono-font); font-size:11px; line-height:16px; white-space:pre-wrap; word-break:break-word; }
+.fps-editor-workbench .fps-editor-ui-modal-footer { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
+.fps-editor-workbench.fps-editor-ui-tooltip,
+.fps-editor-workbench .fps-editor-ui-tooltip { position:fixed; z-index:2147483642; display:none; max-width:min(260px,calc(100vw - 16px)); padding:6px 8px; border:1px solid var(--fps-editor-border); border-radius:5px; background:var(--fps-editor-chrome); box-shadow:var(--fps-editor-shadow-popover); color:var(--fps-editor-text); font-family:var(--fps-editor-font); font-size:11px; font-weight:650; line-height:1.35; white-space:normal; pointer-events:none; }
+.fps-editor-workbench.fps-editor-ui-host-chrome { position:fixed; top:12px; left:50%; transform:translateX(-50%); z-index:2147483640; display:none; align-items:center; gap:8px; height:36px; padding:0 9px; border:1px solid var(--fps-editor-border); border-radius:7px; background:var(--fps-editor-chrome); box-shadow:var(--fps-editor-shadow-panel); color:var(--fps-editor-text); font-family:var(--fps-editor-font); pointer-events:auto; }
+.fps-editor-workbench .fps-editor-ui-toolbar-group { display:flex; align-items:center; gap:4px; padding-left:8px; border-left:1px solid var(--fps-editor-divider); }
+.fps-editor-workbench .fps-editor-ui-toolbar-group[data-editor-ui-first="true"] { padding-left:0; border-left:0; }
+.fps-editor-workbench.fps-editor-ui-popover,
+.fps-editor-workbench .fps-editor-ui-popover { position:fixed; z-index:2147483641; display:none; flex-direction:column; gap:7px; min-width:180px; max-width:min(440px,calc(100vw - 16px)); max-height:calc(100vh - 72px); overflow:auto; padding:9px; border:1px solid var(--fps-editor-border); border-radius:7px; background:var(--fps-editor-panel); box-shadow:var(--fps-editor-shadow-popover); pointer-events:auto; }
+.fps-editor-workbench.fps-editor-ui-status-center,
+.fps-editor-workbench .fps-editor-ui-status-center { z-index:2147483642; width:min(440px,calc(100vw - 16px)); max-height:min(520px,calc(100vh - 56px)); overflow:hidden; }
+.fps-editor-workbench .fps-editor-ui-surface-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
+.fps-editor-workbench .fps-editor-ui-surface-title { min-width:0; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--fps-editor-text-strong); font-size:13px; font-weight:750; }
+.fps-editor-workbench .fps-editor-ui-surface-actions { display:flex; align-items:center; gap:6px; }
+.fps-editor-workbench .fps-editor-ui-status-summary { color:var(--fps-editor-muted-strong); font-size:11px; line-height:1.45; }
+.fps-editor-workbench .fps-editor-ui-status-list { min-height:0; display:flex; flex-direction:column; gap:7px; overflow:auto; }
+.fps-editor-workbench .fps-editor-ui-overlay-card { border:1px solid color-mix(in srgb,var(--fps-editor-border) 78%,transparent); border-radius:7px; background:color-mix(in srgb,var(--fps-editor-chrome) 88%,transparent); box-shadow:var(--fps-editor-shadow-panel); backdrop-filter:blur(6px); color:var(--fps-editor-text); font-family:var(--fps-editor-font); }
+.fps-editor-workbench .fps-editor-ui-prefab-stage-layout { position:absolute; inset:38px 0 0; z-index:4; display:none; overflow:hidden; font-family:var(--fps-editor-font); pointer-events:none; }
+.fps-editor-workbench.fps-editor-ui-asset-modal .fps-editor-ui-modal,
+.fps-editor-workbench .fps-editor-ui-asset-modal .fps-editor-ui-modal { width:min(620px,calc(100vw - 64px)); }
+.fps-editor-workbench.fps-editor-ui-asset-preview-modal .fps-editor-ui-modal,
+.fps-editor-workbench .fps-editor-ui-asset-preview-modal .fps-editor-ui-modal { width:min(420px,calc(100vw - 64px)); overflow:auto; }
+.fps-editor-workbench .fps-editor-ui-modal-search { width:100%; height:30px; border:1px solid var(--fps-editor-border); border-radius:5px; background:var(--fps-editor-field); color:var(--fps-editor-text); padding:0 9px; }
+.fps-editor-workbench .fps-editor-ui-modal-grid { min-height:180px; max-height:min(430px,calc(100vh - 196px)); display:grid; grid-template-columns:repeat(auto-fill,minmax(176px,1fr)); gap:7px; overflow:auto; padding-right:2px; }
+.fps-editor-workbench.fps-editor-ui-shortcut-dialog,
+.fps-editor-workbench .fps-editor-ui-shortcut-dialog { position:fixed; top:104px; left:50%; transform:translateX(-50%); z-index:2147483638; display:none; width:min(620px,calc(100vw - 64px)); max-height:calc(100vh - 132px); flex-direction:column; overflow:hidden; border:1px solid var(--fps-editor-border); border-radius:8px; background:var(--fps-editor-panel); box-shadow:var(--fps-editor-shadow-modal); color:var(--fps-editor-text); pointer-events:auto; }
+.fps-editor-workbench .fps-editor-ui-shortcut-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid var(--fps-editor-divider); background:var(--fps-editor-chrome-dark); }
+.fps-editor-workbench .fps-editor-ui-shortcut-content { flex:1 1 auto; min-height:0; overflow:auto; padding:12px 14px 14px; }
+.fps-editor-workbench .fps-editor-ui-shortcut-section { margin:0 0 12px; }
+.fps-editor-workbench .fps-editor-ui-shortcut-grid { display:grid; grid-template-columns:130px 1fr; gap:6px 10px; align-items:center; }
+.fps-editor-workbench .fps-editor-ui-shortcut-key { min-height:24px; display:flex; align-items:center; padding:0 7px; border:1px solid var(--fps-editor-border); border-radius:4px; background:var(--fps-editor-field); color:var(--fps-editor-text-strong); font-weight:700; white-space:nowrap; }
+.fps-editor-workbench .fps-editor-ui-shortcut-description { color:var(--fps-editor-muted); line-height:1.35; }
+.fps-editor-workbench .fps-editor-ui-panel-title { min-width:0; display:flex; align-items:center; gap:6px; margin:0 0 9px; color:var(--fps-editor-text-strong); font-size:13px; font-weight:750; }
+.fps-editor-workbench .fps-editor-ui-search { width:100%; height:29px; margin:0 0 8px; padding:0 9px; border:1px solid var(--fps-editor-border); border-radius:5px; background:var(--fps-editor-field); color:var(--fps-editor-text); font-size:12px; }
+.fps-editor-workbench .fps-editor-ui-segmented-tabs { min-height:27px; display:flex; align-items:center; gap:4px; margin:0 0 8px; }
+.fps-editor-workbench .fps-editor-ui-segmented-tab { height:25px; padding:0 8px; border-radius:5px; color:var(--fps-editor-muted); font-size:11px; }
+.fps-editor-workbench .fps-editor-ui-segmented-tab[data-active="true"] { border-color:var(--fps-editor-control-active-border); background:var(--fps-editor-control-active-bg); color:var(--fps-editor-text-strong); box-shadow:inset 0 -2px 0 var(--fps-editor-accent); }
+.fps-editor-workbench .fps-editor-ui-asset-count { margin-bottom:6px; color:var(--fps-editor-muted); font-size:11px; }
+.fps-editor-workbench .fps-editor-ui-asset-card { width:100%; min-height:32px; display:flex; align-items:center; gap:8px; padding:6px 8px; border:1px solid var(--fps-editor-border); border-radius:6px; background:color-mix(in srgb,var(--fps-editor-panel-soft) 68%,var(--fps-editor-panel)); color:var(--fps-editor-text); text-align:left; font-size:12px; cursor:pointer; transition:background-color 90ms ease,border-color 90ms ease; }
+.fps-editor-workbench .fps-editor-ui-asset-card:hover { border-color:var(--fps-editor-accent); background:var(--fps-editor-button-hover); }
+.fps-editor-workbench .fps-editor-ui-asset-card[aria-selected="true"] { border-color:var(--fps-editor-accent-strong); background:var(--fps-editor-accent-soft); }
+.fps-editor-workbench .fps-editor-ui-asset-card:disabled { opacity:.62; cursor:not-allowed; }
+.fps-editor-workbench .fps-editor-ui-asset-card[data-has-preview="true"] { min-height:38px; padding:7px 8px; }
+.fps-editor-workbench .fps-editor-ui-asset-card[data-variant="grid"] { min-height:48px; }
+.fps-editor-workbench .fps-editor-ui-asset-card[data-variant="grid"][data-has-preview="true"] { min-height:66px; }
+.fps-editor-workbench .fps-editor-ui-asset-card-body { min-width:0; flex:1; }
+.fps-editor-workbench .fps-editor-ui-asset-card-label { color:var(--fps-editor-text-strong); font-weight:700; }
+.fps-editor-workbench .fps-editor-ui-asset-card-meta { color:var(--fps-editor-muted); font-size:11px; }
+.fps-editor-workbench .fps-editor-ui-history-list { display:flex; flex-direction:column; gap:4px; }
+.fps-editor-workbench .fps-editor-ui-history-label { color:var(--fps-editor-text); font-size:12px; font-weight:700; }
+.fps-editor-workbench .fps-editor-ui-history-meta { margin-top:2px; color:var(--fps-editor-muted); font-size:11px; }
+.fps-editor-workbench .fps-editor-ui-hierarchy-search { margin:0 8px 7px; width:calc(100% - 16px); }
+.fps-editor-workbench .fps-editor-ui-hierarchy-canvas { position:relative; width:100%; min-height:100%; }
+.fps-editor-workbench .fps-editor-ui-prefab-preview-card { min-width:0; min-height:0; flex:1 1 0; display:flex; flex-direction:column; padding:8px; border:1px solid var(--fps-editor-border); border-radius:7px; color:var(--fps-editor-text); pointer-events:auto; overflow:hidden; }
+.fps-editor-workbench .fps-editor-ui-prefab-preview-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; padding:6px 8px; border:1px solid var(--fps-editor-border); border-radius:6px; background:color-mix(in srgb,var(--fps-editor-chrome) 86%,transparent); box-shadow:0 6px 14px color-mix(in srgb,#000 18%,transparent); }
+.fps-editor-workbench .fps-editor-ui-prefab-preview-surface { width:100%; min-height:0; flex:1 1 auto; display:flex; align-items:center; justify-content:center; border:1px solid var(--fps-editor-border-soft); border-radius:5px; background:transparent; color:var(--fps-editor-muted); overflow:hidden; font-size:10px; font-weight:650; text-align:center; touch-action:none; user-select:none; cursor:grab; }
+.fps-editor-workbench .fps-editor-ui-control { min-width: 0; width: 100%; }
+.fps-editor-workbench .fps-editor-ui-layer-host {
+  position: fixed;
+  inset: 0;
+  z-index: 240;
+  overflow: visible;
+  pointer-events: none;
+}
+.fps-editor-workbench .fps-editor-ui-layer-host > * { pointer-events: auto; }
+.fps-editor-workbench .fps-editor-ui-control.pcui-element,
+.fps-editor-workbench .fps-editor-ui-control > .pcui-element {
+  color: var(--fps-editor-text);
+}
+.fps-editor-workbench .fps-editor-ui-control.pcui-input-element,
+.fps-editor-workbench .fps-editor-ui-control .pcui-input-element,
+.fps-editor-workbench .fps-editor-ui-control.pcui-color-input,
+.fps-editor-workbench .fps-editor-ui-control.pcui-select-input,
+.fps-editor-workbench .fps-editor-ui-button {
+  border-color: var(--fps-editor-editable-border);
+  background-color: var(--fps-editor-field);
+}
+.fps-editor-workbench .fps-editor-ui-control.pcui-input-element:hover,
+.fps-editor-workbench .fps-editor-ui-control .pcui-input-element:hover,
+.fps-editor-workbench .fps-editor-ui-button:hover {
+  border-color: var(--fps-editor-border);
+  background-color: var(--fps-editor-button-hover);
+}
+.fps-editor-workbench .fps-editor-ui-control.pcui-focus,
+.fps-editor-workbench .fps-editor-ui-control .pcui-focus {
+  border-color: var(--fps-editor-accent);
+  box-shadow: 0 0 0 2px var(--fps-editor-accent-soft);
+}
+.fps-editor-workbench .fps-editor-ui-boolean {
+  position: relative;
+  display: inline-flex;
+  width: 32px;
+  justify-self: end;
+}
+.fps-editor-workbench .fps-editor-ui-boolean > .pcui-element { width: 30px; }
+.fps-editor-workbench .fps-editor-ui-boolean .pcui-boolean-input-ticked {
+  border-color: color-mix(in srgb, var(--fps-editor-control-on) 72%, var(--fps-editor-border));
+  background-color: var(--fps-editor-control-on);
+}
+.fps-editor-workbench .fps-editor-ui-boolean .pcui-boolean-input-ticked::after {
+  border-color: var(--fps-editor-control-thumb);
+  background-color: var(--fps-editor-control-thumb);
+}
+.fps-editor-workbench .fps-editor-ui-select,
+.fps-editor-workbench .fps-editor-ui-color { position: relative; display: inline-flex; }
+.fps-editor-workbench .fps-editor-ui-select > .pcui-element,
+.fps-editor-workbench .fps-editor-ui-color > .pcui-element { width: 100%; }
+.fps-editor-workbench .fps-editor-ui-proxy-input {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  margin: -1px !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  clip-path: inset(50%) !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+}
+.fps-editor-workbench .fps-editor-ui-vector { display: flex; gap: 4px; }
+.fps-editor-workbench .fps-editor-ui-vector > .pcui-input-element { min-width: 0; }
+.fps-editor-workbench .fps-editor-ui-readonly {
+  min-width: 0;
+  padding: 6px 8px;
+  border: 1px solid var(--fps-editor-readonly-border);
+  border-radius: 4px;
+  background: var(--fps-editor-readonly-bg);
+  color: var(--fps-editor-readonly-text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fps-editor-workbench .fps-editor-ui-error,
+.fps-editor-workbench .fps-editor-ui-error .pcui-input-element {
+  border-color: var(--fps-editor-danger-border) !important;
+}
+.fps-editor-workbench .fps-editor-ui-mixed { opacity: .82; }
+.fps-editor-workbench .fps-editor-ui-section.pcui-panel {
+  margin: 0 0 7px;
+  border: 1px solid var(--fps-editor-border);
+  border-radius: 7px;
+  overflow: hidden;
+  background: color-mix(in srgb, var(--fps-editor-panel-soft) 42%, transparent);
+}
+.fps-editor-workbench .fps-editor-ui-section .pcui-panel-header {
+  min-height: 34px;
+  border-bottom-color: var(--fps-editor-border);
+  background: color-mix(in srgb, var(--fps-editor-panel-soft) 55%, transparent);
+}
+.fps-editor-workbench .fps-editor-ui-section .pcui-panel-header::before {
+  border-color: var(--fps-editor-muted-strong);
+  color: var(--fps-editor-muted-strong);
+}
+.fps-editor-workbench .fps-editor-ui-section .pcui-panel-header:hover::before {
+  border-color: var(--fps-editor-text-strong);
+  color: var(--fps-editor-text-strong);
+}
+.fps-editor-workbench .fps-editor-ui-section .pcui-panel-content { padding: 10px 11px 12px; }
+.fps-editor-workbench .fps-editor-inspector-title {
+  min-height: 42px;
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  margin: -8px -8px 10px;
+  padding: 9px 11px;
+  border-bottom: 1px solid var(--fps-editor-divider);
+  background: linear-gradient(180deg, color-mix(in srgb, var(--fps-editor-panel-soft) 55%, transparent), transparent);
+  color: var(--fps-editor-text-strong);
+  font-size: 13px;
+  font-weight: 700;
+}
+.fps-editor-workbench .fps-editor-inspector-search { display: block; margin: 0 0 9px; }
+.fps-editor-workbench .fps-editor-inspector-component {
+  margin: 0 0 7px;
+  padding: 10px 11px;
+  border: 1px solid var(--fps-editor-border);
+  border-radius: 7px;
+  background: color-mix(in srgb, var(--fps-editor-panel-soft) 42%, transparent);
+}
+.fps-editor-workbench .fps-editor-inspector-component > div:first-child { margin-bottom: 7px; }
+.fps-editor-workbench .fps-editor-inspector-summary-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; }
+.fps-editor-workbench .fps-editor-inspector-summary-title { margin:0; color:var(--fps-editor-text-strong); font-size:12px; font-weight:700; }
+.fps-editor-workbench .fps-editor-inspector-property-row {
+  min-height: 31px;
+  display: grid;
+  grid-template-columns: 96px minmax(0,1fr);
+  align-items: center;
+  gap: 9px;
+  padding: 2px 0;
+}
+.fps-editor-workbench .fps-editor-inspector-property-label {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--fps-editor-muted);
+  font-size: 11px;
+  font-weight: 600;
+}
+.fps-editor-workbench .fps-editor-inspector-property-row[data-editor-inspector-access="editable"] .fps-editor-inspector-property-label { color: var(--fps-editor-muted-strong); }
+.fps-editor-workbench .fps-editor-inspector-property-row[data-editor-inspector-effect="unsupported"] .fps-editor-inspector-property-label { color: var(--fps-editor-danger-text); }
+.fps-editor-workbench .fps-editor-inspector-section-meta {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  min-width: 0;
+  color: var(--fps-editor-muted);
+  font-size: 10px;
+}
+.fps-editor-workbench .fps-editor-inspector-section-summary {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-transform: none;
+  font-size: 10px;
+}
+.fps-editor-workbench .fps-editor-inspector-readonly-value { display: flex; align-items: center; gap: 5px; }
+.fps-editor-workbench .fps-editor-inspector-readonly-details,
+.fps-editor-workbench .fps-editor-ui-expandable-readonly {
+  min-width: 0;
+  max-width: 100%;
+  padding: 5px 7px;
+  border: 1px solid var(--fps-editor-readonly-border);
+  border-radius: 4px;
+  background: var(--fps-editor-readonly-bg);
+  color: var(--fps-editor-readonly-text);
+}
+.fps-editor-workbench .fps-editor-ui-expandable-readonly__summary {
+  min-width:0;
+  display:flex;
+  align-items:center;
+  gap:5px;
+  overflow:hidden;
+  white-space:nowrap;
+  cursor:pointer;
+}
+.fps-editor-workbench .fps-editor-ui-expandable-readonly__summary-text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.fps-editor-workbench .fps-editor-ui-expandable-readonly__content {
+  max-height:220px;
+  overflow:auto;
+  margin:6px 0 0;
+  padding:7px;
+  border:1px solid var(--fps-editor-readonly-border);
+  border-radius:4px;
+  background:var(--fps-editor-field);
+  color:var(--fps-editor-readonly-text);
+  font-size:11px;
+  line-height:1.45;
+  white-space:pre-wrap;
+  word-break:break-word;
+}
+.fps-editor-workbench .fps-editor-ui-expandable-readonly.fps-editor-ui-warning,
+.fps-editor-workbench .fps-editor-ui-expandable-readonly.fps-editor-ui-warning .fps-editor-ui-expandable-readonly__content { border-color:var(--fps-editor-warn-border); }
+.fps-editor-workbench .fps-editor-inspector-readonly-value--warning {
+  border-color: var(--fps-editor-warn-border);
+  background: var(--fps-editor-warn-soft);
+  color: var(--fps-editor-warn);
+  font-style: italic;
+}
+.fps-editor-workbench [data-editor-inspector-access="readonly"] .fps-editor-inspector-property-label { opacity: .78; }
+.fps-editor-workbench [data-editor-inspector-effect="unsupported"].fps-editor-ui-section { border-color: var(--fps-editor-danger-border); }
+.fps-editor-workbench .fps-editor-inspector-vector-group { min-width:0; margin:8px 0; }
+.fps-editor-workbench .fps-editor-inspector-vector-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:5px; }
+.fps-editor-workbench .fps-editor-inspector-vector-actions { display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; }
+.fps-editor-workbench .fps-editor-inspector-vector-fields {
+  display:grid;
+  grid-template-columns:repeat(var(--fps-editor-vector-dimensions, 3), minmax(0,1fr));
+  gap:5px;
+  width:100%;
+}
+.fps-editor-workbench .fps-editor-inspector-vector-axis-field { position:relative; min-width:0; }
+.fps-editor-workbench .fps-editor-inspector-vector-axis-label {
+  position:absolute;
+  z-index:1;
+  left:7px;
+  top:50%;
+  transform:translateY(-50%);
+  color:var(--fps-editor-muted-strong);
+  font-size:9px;
+  font-weight:800;
+  line-height:1;
+  pointer-events:none;
+}
+.fps-editor-workbench .fps-editor-inspector-vector-axis-field .fps-editor-ui-number input { padding-left:19px; }
+.fps-editor-workbench .fps-editor-inspector-icon-button {
+  width:24px;
+  min-width:24px;
+  height:24px;
+  padding:0;
+  display:inline-flex;
+  align-items:center;
+  justify-content:center;
+  flex:0 0 24px;
+}
+.fps-editor-workbench .fps-editor-inspector-icon-button[data-editor-ui-active="true"] {
+  border-color:var(--fps-editor-control-active-border);
+  background:var(--fps-editor-control-active-bg);
+  color:var(--fps-editor-text-strong);
+  box-shadow:inset 0 -2px 0 var(--fps-editor-accent);
+}
+.fps-editor-workbench .fps-editor-inspector-action-button { min-height:30px; justify-content:center; gap:6px; }
+.fps-editor-workbench .fps-editor-inspector-copy-button {
+  width:22px;
+  min-width:22px;
+  height:22px;
+  margin-left:auto;
+  padding:0;
+  border-color:transparent;
+  background:transparent;
+  color:currentColor;
+  opacity:.72;
+  flex:0 0 22px;
+}
+.fps-editor-workbench .fps-editor-inspector-copy-button:hover { opacity:1; background:var(--fps-editor-button-hover); }
+.fps-editor-workbench .fps-editor-inspector-special-control { display:flex; flex-direction:column; gap:8px; width:100%; min-width:0; }
+.fps-editor-workbench .fps-editor-inspector-material-slots { gap:6px; }
+.fps-editor-workbench .fps-editor-inspector-material-slot {
+  min-width:0;
+  border:1px solid var(--fps-editor-readonly-border);
+  border-radius:5px;
+  background:var(--fps-editor-readonly-bg);
+  color:var(--fps-editor-readonly-text);
+  overflow:hidden;
+}
+.fps-editor-workbench .fps-editor-inspector-material-slot-summary { min-width:0; min-height:46px; display:flex; align-items:center; gap:8px; padding:7px 8px; cursor:pointer; }
+.fps-editor-workbench .fps-editor-inspector-material-slot-content { display:flex; flex-direction:column; gap:4px; padding:0 8px 8px; }
+.fps-editor-workbench .fps-editor-inspector-material-slot-row { display:grid; grid-template-columns:88px minmax(0,1fr); gap:8px; align-items:start; font-size:11px; line-height:1.35; }
+.fps-editor-workbench .fps-editor-inspector-material-slot-label { color:var(--fps-editor-muted); font-weight:700; }
+.fps-editor-workbench .fps-editor-inspector-material-slot-value,
+.fps-editor-workbench .fps-editor-inspector-card-title,
+.fps-editor-workbench .fps-editor-inspector-card-subtitle { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.fps-editor-workbench .fps-editor-inspector-material-slot-value { font-family:var(--fps-editor-mono-font); color:var(--fps-editor-readonly-text); }
+.fps-editor-workbench .fps-editor-inspector-card-body { min-width:0; flex:1; text-align:left; }
+.fps-editor-workbench .fps-editor-inspector-card-title { color:var(--fps-editor-text-strong); font-weight:700; }
+.fps-editor-workbench .fps-editor-inspector-card-subtitle { margin-top:2px; color:var(--fps-editor-muted); font-size:10px; font-weight:600; }
+.fps-editor-workbench .fps-editor-inspector-asset-picker {
+  min-width:0;
+  display:grid;
+  grid-template-columns:minmax(0,1fr) auto;
+  align-items:stretch;
+  gap:6px;
+}
+.fps-editor-workbench .fps-editor-inspector-asset-picker[data-editor-inspector-asset-picker-actions="two"] { grid-template-columns:minmax(0,1fr) auto auto; }
+.fps-editor-workbench .fps-editor-inspector-asset-card { min-width:0; min-height:44px; display:flex; align-items:center; gap:8px; padding:6px 7px; text-align:left; }
+.fps-editor-workbench .fps-editor-inspector-asset-action { width:auto; min-width:48px; min-height:44px; padding:0 9px; justify-content:center; font-size:11px; font-weight:700; }
+`;
+export function ensureEditorUiStyles(document) {
+    if (document.getElementById(EDITOR_UI_STYLE_ID))
+        return;
+    const style = document.createElement('style');
+    style.id = EDITOR_UI_STYLE_ID;
+    style.textContent = EDITOR_UI_STYLES;
+    document.head.append(style);
+}
+//# sourceMappingURL=editor-ui-theme.js.map