:root{color-scheme:dark;--bg: #0a0a0a;--panel: rgba(10, 10, 10, .72);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--text: rgba(255, 255, 255, .96);--muted: rgba(255, 255, 255, .62);--grid: rgba(255, 255, 255, .09)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);overscroll-behavior:none;position:fixed;inset:0}button,input{font:inherit}button{user-select:none;-webkit-user-select:none}button svg{flex:none}.hidden{display:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at center,rgba(255,255,255,.03),transparent 40%),#0a0a0a;user-select:none;-webkit-user-select:none}.viewport{position:relative;width:100%;height:100%;cursor:default;user-select:none;-webkit-user-select:none;overscroll-behavior:none;touch-action:none}.viewport.space-pan{cursor:grab}.viewport.space-pan:active{cursor:grabbing}.viewport.drag-over{background:#ffffff08}.world-frame{position:absolute;inset:0;overflow:hidden}.world{position:absolute;inset:0;transform-origin:center center}.grid{position:absolute;inset:0;opacity:.26;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-position:center center;pointer-events:none}.hud{position:absolute;bottom:16px;z-index:40;display:flex;gap:12px;align-items:stretch}.hud .panel{padding-left:22px;padding-right:22px}.hud.left{left:16px;right:16px;transform:none;justify-content:space-between;flex-wrap:nowrap;width:auto;max-width:none}.hud-top-center{top:16px;bottom:auto;left:50%;transform:translate(-50%);justify-content:center;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.hud-top-center .panel{pointer-events:auto}.main-toolbar{position:absolute;top:16px;left:16px;right:16px;z-index:42;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.main-toolbar-shell{display:flex;align-items:center;gap:16px;min-height:0;padding:0;max-width:min(720px,calc(100vw - 120px));border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.main-toolbar-brand{display:flex;align-items:center;gap:10px}.main-toolbar-copy{display:grid;gap:0;min-width:0;flex:1 1 auto}.main-toolbar-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.main-toolbar-menu{position:relative;display:flex;flex:0 0 auto}.mini-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:var(--muted);cursor:pointer}.mini-toggle.active{border-color:#fff3;background:#ffffff1a;color:var(--text)}.settings-trigger{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:20px;background:#0a0a0a6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none;color:var(--text);cursor:pointer}.icon-only-trigger{min-width:auto;height:60px;aspect-ratio:1 / 1;flex:0 0 auto}.settings-icon-wrap{display:grid;place-items:center;width:100%;height:100%}.settings-drawer{position:absolute;top:calc(100% + 12px);right:0;left:auto;transform:none;width:min(420px,calc(100vw - 32px));display:grid;gap:10px;align-items:start;z-index:50;max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}.hud.right{right:16px;width:320px;max-width:calc(100% - 32px)}.settings-group{display:grid;width:100%;gap:12px}.settings-section{display:grid;gap:2px}.settings-section-title{font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.settings-meta{display:grid;gap:3px;min-width:0}.settings-label{font-size:13px;font-weight:600;color:var(--text)}.menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 10px;border:0;border-radius:14px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.menu-item:hover{background:#ffffff0f}.menu-item.is-disabled{color:#fff6;cursor:not-allowed}.menu-item.is-disabled:hover{background:transparent}.menu-item-static{cursor:default}.menu-item-static:hover{background:transparent}.menu-item-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.menu-item-shortcut{font-size:11px;color:var(--muted);white-space:nowrap}.settings-actions{display:flex;gap:8px;align-items:center}.floating-window{position:absolute;z-index:47;width:min(360px,calc(100vw - 48px));max-height:min(calc(100vh - 48px),760px)}.floating-window.pinned{left:auto;right:24px}.floating-window-surface{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;min-height:0;max-height:inherit;height:100%;position:relative}.floating-window-chrome{width:100%;margin-bottom:12px}.floating-window-chrome.is-draggable{cursor:grab}.floating-window-chrome.is-draggable:active{cursor:grabbing}.floating-window-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.floating-window-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex:0 0 auto;min-height:38px;padding:0}.floating-window-heading{flex:1 1 auto;min-width:0;display:grid;gap:2px}.floating-window-body{display:grid;gap:12px;min-height:0;width:100%;flex:1 1 auto;overflow:hidden}.import-floating,.debug-floating{left:24px;top:24px}.info-floating{left:24px;top:24px;width:min(300px,calc(100vw - 48px))}.floating-window.is-minimized{height:auto!important}.floating-window-resize{position:absolute;right:10px;bottom:10px;width:18px;height:18px;padding:0;border:0;background:linear-gradient(135deg,transparent 0 44%,rgba(255,255,255,.34) 44% 52%,transparent 52% 100%),linear-gradient(135deg,transparent 0 62%,rgba(255,255,255,.18) 62% 70%,transparent 70% 100%);cursor:nwse-resize;opacity:.9}.debug-section{display:flex;flex-direction:column;min-height:0;height:100%}.debug-button{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0f;color:var(--text);cursor:pointer}.icon-action{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:var(--text);cursor:pointer}.icon-action.active{background:#ffffff1a;border-color:#ffffff3d}.settings-toggle{display:inline-flex;align-items:center;min-width:44px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:var(--muted);cursor:pointer}.settings-toggle.active{background:#ffffff14;color:var(--text)}.settings-toggle-track{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;padding:2px;border-radius:999px;background:#ffffff1f}.settings-toggle.active .settings-toggle-track{background:#ffffff3d}.settings-toggle-thumb{width:16px;height:16px;border-radius:999px;background:#ffffffeb;transform:translate(0);transition:transform .14s ease}.settings-toggle.active .settings-toggle-thumb{transform:translate(16px)}.debug-window-body{display:grid;gap:14px;min-height:0;overflow-y:auto;padding-right:4px}.debug-group{display:grid;gap:10px;padding-top:2px}.debug-group-title{font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.debug-group-body{display:grid;gap:10px}.debug-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.debug-control{display:grid;gap:6px;font-size:12px}.debug-control-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}.debug-number-input{width:88px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:var(--text);text-align:right}.debug-number-input:focus{outline:none;border-color:#ffffff42}.debug-control input[type=range]{width:100%}.panel{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:86px;border:1px solid var(--border);border-radius:20px;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 50px #00000059}.arena-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.arena-row{display:flex;gap:8px;width:100%}.arena-input{flex:1;min-width:0;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0a;color:var(--text)}.arena-input:focus{outline:none;border-color:#ffffff42}.file-info-select{width:100%}.arena-error{font-size:12px;color:#f3a5a5}.arena-status{font-size:12px;color:#9ad4b3}.stats-panel{align-content:center;flex-wrap:wrap;gap:8px 10px;min-width:420px}.stats-panel-compact{min-width:auto;justify-content:center;padding-top:12px;padding-bottom:12px}.hud-meta-panel{min-width:auto;max-width:min(720px,calc(100vw - 220px))}.inspector-panel{flex-direction:column;align-items:flex-start;gap:6px}.file-info-panel{gap:12px;min-height:0;overflow-y:auto;padding-right:0}.file-info-rating{display:grid;gap:8px;width:100%}.file-info-preview{width:100%;aspect-ratio:1 / 1;margin-bottom:8px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.file-info-preview-image{display:block;width:100%;height:100%;object-fit:cover}.file-info-grid{display:grid;gap:12px;width:100%}.file-info-actions{display:flex;width:100%;margin-bottom:8px}.file-info-action{width:100%;justify-content:center}.file-info-row{display:grid;gap:4px;width:100%}.file-info-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff7a}.file-info-value{font-size:13px;line-height:1.45;color:var(--text);word-break:break-word;overflow-wrap:anywhere}.file-info-note{font-size:12px;line-height:1.45;color:var(--muted)}.layers-panel{display:flex;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.layers-group-label{padding:6px 14px 2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff6b}.layer-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border-radius:12px;color:var(--text);cursor:pointer}.layer-collapse{display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;border:0;background:transparent;color:var(--muted);font-size:11px}.layer-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;min-width:18px;height:18px;border:0;background:transparent;color:var(--muted);font-size:11px;letter-spacing:-.14em;cursor:grab}.layer-row.active{background:#ffffff14}.layer-visibility{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:999px;background:#ffffff0a;color:var(--muted)}.layer-label{min-width:0;flex:1;font-size:13px}.layer-label-input{flex:1;min-width:0;padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:var(--text)}.rating-control{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.rating-star{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:#ffffff0a;color:#ffffff59;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease}.rating-star:hover{background:#ffffff14;color:#ffffffd9;transform:translateY(-1px)}.rating-star.active{background:#ffffff1f;color:#ffd36a}.icon-wrap{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#ffffff0f}.brand-logo{display:block;width:auto;height:24px;flex:0 0 auto;aspect-ratio:1 / 1;object-fit:contain}.panel-title{font-size:14px;font-weight:600;letter-spacing:.01em}.panel-subtitle{font-size:12px;color:var(--muted)}.stat-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff14;font-size:12px}.stat-pill-button{border:0;color:#ffffffeb;cursor:pointer}.stat-pill-button.active{background:#ffffff29}.hint{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.canvas-message-dock{position:absolute;left:16px;bottom:16px;z-index:44;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.canvas-message-chip,.canvas-status-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#0a0a0ac2;color:var(--text);font-size:12px;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0000003d}.canvas-status-chip{color:#ffffffeb;letter-spacing:.02em}.canvas-stats-dock{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:43;pointer-events:none}.canvas-stats-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:999px;background:#0a0a0aad;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #00000038;pointer-events:auto}.canvas-cursor-dock{position:absolute;right:16px;bottom:16px;z-index:44;pointer-events:none}.canvas-cursor-chip{display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;border-radius:999px;background:#0a0a0ac2;color:#ffffffeb;font-size:12px;line-height:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 30px #0000003d}@media(max-width:1220px){.main-toolbar-shell{max-width:calc(100vw - 116px)}}@media(max-width:860px){.main-toolbar{align-items:flex-start}.main-toolbar-shell{max-width:calc(100vw - 116px)}.settings-trigger.icon-only-trigger{width:60px;height:60px;aspect-ratio:1 / 1}}.empty-state{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.empty-card{max-width:520px;padding:28px 30px;border:1px dashed rgba(255,255,255,.16);border-radius:28px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.orbit-ring{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #ffffff0a,inset 0 0 30px #ffffff05;pointer-events:none}.marquee-selection{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.52);border-radius:18px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}.cluster-label-node{position:absolute;transform:translate(-50%,-50%);z-index:6;pointer-events:auto}.cluster-badge{display:flex;flex-direction:column;gap:8px;align-items:center;position:relative;max-width:220px}.cluster-badge.is-drop-target .cluster-label,.cluster-badge.is-drop-target .cluster-mode-toggle{border-color:#fff6;box-shadow:0 0 0 1px #ffffff24,0 10px 30px #00000047}.cluster-label-row{display:flex;gap:8px;align-items:center}.cluster-label{width:176px;padding:9px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080808b8;color:var(--text);text-align:center;font-size:14px;line-height:1.2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #00000047;pointer-events:auto}.cluster-label-button{display:block;font:inherit;cursor:grab;user-select:none;-webkit-user-select:none}.cluster-label-button:active{cursor:grabbing}.cluster-label-button.is-placeholder{color:var(--muted)}.cluster-label::placeholder{color:var(--muted)}.cluster-label:focus{outline:none;border-color:#ffffff47}.cluster-mode-toggle{display:inline-grid;place-items:center;width:34px;height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080808c7;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #00000038;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease}.cluster-mode-toggle:focus{outline:none;border-color:#ffffff47}.cluster-badge:hover .cluster-mode-toggle,.cluster-badge:focus-within .cluster-mode-toggle,.cluster-badge.is-drop-target .cluster-mode-toggle,.cluster-badge.is-menu-open .cluster-mode-toggle{opacity:1;pointer-events:auto}.cluster-mode-menu{position:absolute;top:calc(100% + 6px);right:0;display:flex;flex-direction:column;min-width:120px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#080808eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 40px #0000004d}.cluster-mode-item{padding:9px 12px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;text-transform:capitalize;cursor:pointer}.cluster-mode-item:hover,.cluster-mode-item.active{background:#ffffff14}.cluster-hidden-count{padding:5px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080808d1;color:var(--muted);font-size:11px;line-height:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.image-node{position:absolute;-webkit-user-select:none;user-select:none;touch-action:none;will-change:left,top,transform}.image-frame{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#111;box-shadow:0 25px 70px #00000073;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.image-frame.active{border-color:#ffffff94;box-shadow:0 25px 70px #00000073,0 0 0 1px #ffffff40;transform:scale(1.015)}.image-el{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.context-menu{position:fixed;z-index:50;min-width:210px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#121212f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 22px 80px #00000073}.context-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.context-item:hover{background:#ffffff0d}.lightbox{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:16px;padding:32px;background:#000000c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lightbox-stage{--lightbox-frame-size: min(70vh, calc(100vw - 220px) );display:flex;flex-direction:column;align-items:center;width:min(var(--lightbox-frame-size),calc(100vw - 96px));max-width:calc(100vw - 96px);padding-top:56px;gap:18px}.lightbox-media-frame{position:relative;display:flex;align-items:center;justify-content:center;width:min(var(--lightbox-frame-size),calc(100vw - 96px));height:min(var(--lightbox-frame-size),calc(100vw - 96px));max-width:calc(100vw - 96px);max-height:70vh}.lightbox-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:22px;box-shadow:0 30px 120px #0000008c}.lightbox-grid-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:22px}.lightbox-caption{position:fixed;top:32px;left:32px;z-index:72;display:grid;gap:4px;padding:0;background:none;text-align:left;pointer-events:none}.lightbox-caption .panel-title,.lightbox-caption .panel-subtitle{width:fit-content;max-width:min(calc(100vw - 64px),520px);padding:10px 14px;border:0;border-radius:999px;background:#0808088f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000003d}.lightbox-caption .panel-subtitle{color:#ffffffc2}.lightbox-grid-color{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden;background:#ffffff0a}.lightbox-grid-color input{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.lightbox-grid-color input::-webkit-color-swatch-wrapper{padding:0}.lightbox-grid-color input::-webkit-color-swatch{border:0;border-radius:999px}.lightbox-grid-color input::-moz-color-swatch{border:0;border-radius:999px}.lightbox-grid-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:var(--text)}.lightbox-grid-button.active,.lightbox-grid-button:hover{background:#ffffff1a}.lightbox-rating-panel{display:flex;justify-content:center;margin-top:2px;padding:10px 14px;border:0;border-radius:999px;background:#0808088f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px #0000003d}.lightbox-rating-panel .rating-control{justify-content:center}.lightbox-nav{width:52px;height:52px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#080808b8;color:var(--text);font-size:34px;line-height:1;cursor:pointer}.lightbox-nav:hover{background:#ffffff14}.lightbox-tool-dock{position:absolute;top:50%;right:32px;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:71}.lightbox-tool-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#080808c7;color:var(--text);box-shadow:0 20px 40px #00000047}.lightbox-tool-button.active,.lightbox-tool-button:hover{background:#ffffff1f}.lightbox-tool-pane{width:220px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#080808db;box-shadow:0 24px 60px #00000057}.lightbox-tool-pane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.lightbox-tool-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a;color:var(--text)}.lightbox-tool-pane-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.lightbox-tool-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted);font-size:12px}.lightbox-tool-field:last-child{margin-bottom:0}.lightbox-tool-field input[type=range]{flex:1}