:root {--bg-dark: #1e1e1e;--bg-darker: #252526;--bg-darkest: #2d2d2d;--bg-rulers: rgba(45, 45, 45, 0.8);--border-color: #333;--text-color: #f0f0f0;--text-muted: #888;--primary-color: #007acc;--button-bg: #3c3c3c;--button-hover: #4e4e4e;--glow-color: #00ffff;--font-main: Arial, sans-serif;--font-code: 'Courier New', monospace;--bg-game: #000;--scrollbar-color: #555;--scrollbar-hover: #777;}:root[data-theme="light"] {--bg-dark: #f5f5f5;--bg-darker: #e0e0e0;--bg-darkest: #d0d0d0;--bg-rulers: rgba(208, 208, 208, 0.8);--border-color: #ccc;--text-color: #333;--text-muted: #666;--primary-color: #1a73e8;--button-bg: #f9f9f9;--button-hover: #ffffff;--glow-color: #0066cc;--bg-game: #000;--scrollbar-color: #bbb;--scrollbar-hover: #999;}body {margin: 0;padding: 0;font-family: var(--font-main);background-color: var(--bg-dark);color: var(--text-color);font-size: 13px;height: 100vh;display: flex;flex-direction: column;transition: background-color 0.3s, color 0.3s;min-width: 650px;}h3 {font-weight: bold;color: var(--text-muted);font-size: 14px;margin: 0;height: 32px;line-height: 32px;}#content {display: flex;flex: 1;overflow: hidden;}.left-panel {background-color: var(--bg-darker);border-right: 1px solid var(--border-color);border-top: 1px solid var(--border-color);width: 10%;min-width: 200px;overflow-y: auto;padding: 0;display: flex;flex-direction: column;height: 100%;}#utility-panel {display: flex;flex: 1;flex-direction: column;border-right: 1px solid var(--border-color);overflow: hidden;min-width: 130px;}.editor-and-game-panel {display: flex;flex: 1;overflow: hidden;width: 80%;}#editor-panel, #game-panel {flex: 3;min-width: 0;background-color: var(--bg-dark);border-right: 1px solid var(--border-color);display: flex;flex-direction: column;position: relative;}#game-panel {border-top: 1px solid var(--border-color);border-right: none;}.inspector-panel {background-color: var(--bg-darker);border-left: 1px solid var(--border-color);border-top: 1px solid var(--border-color);width: 10%;min-width: 200px;overflow-x: hidden;overflow-y: auto;padding: 0;}#inspector-content {padding: 5px;}.panel-header {padding: 5px 10px;background-color: var(--bg-darkest);border-bottom: 1px solid var(--border-color);display: flex;justify-content: space-between;align-items: center;}.panel-header label{font-size: 11px;color: var(--text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.subheader{padding: 4px 12px;}.inspector-actions {padding-top: 10px;border-top: 1px solid var(--border-color);display: flex;flex-direction: column;gap: 8px;}#animations-panel, #audio-panel, #keys-panel, #addons-panel {background-color: var(--bg-darker);display: flex;flex-direction: column;overflow: hidden;height: 25%;flex-grow: 1;border-top: 1px solid var(--border-color);}.animations-body, .audio-body, .keys-body, #assets-container, .files-body, .addons-body {flex: 1;overflow-y: auto;padding: 5px;}.code-body {flex: 1;overflow-y: auto;}.animation-item, .audio-item, .asset-item, .file-item {padding: 6px 8px;margin-bottom: 2px;background-color: var(--bg-dark);border-radius: 4px;cursor: pointer;align-items: center;transition: background-color 0.2s ease, border-color 0.2s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-width: 2px;border-style: solid;border-color: var(--bg-dark);}.animation-item:hover, .audio-item:hover, .asset-item:hover, .file-item:hover {background-color: var(--button-hover);border-color: var(--primary-color);}.animation-item:active, .audio-item:active, .asset-item:active, .file-item:active {border-color: var(--text-color);}.animation-item.active, .audio-item.active, .asset-item.active, .file-item.active {border-color: var(--primary-color);}.key-item, .addon-item {padding: 6px 8px;margin-bottom: 2px;background-color: var(--bg-dark);border-radius: 4px;display: flex;justify-content: space-between;align-items: center;border-width: 2px;border-style: solid;border-color: var(--bg-dark);}.key-item span , .addon-item span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.delete-key-btn, .delete-addon-btn {font-size: 13px;line-height: 13px;min-width: 16px;min-height: 16px;padding: 0;}.button-group {background-color: var(--bg-darker);padding: 10px;display: flex;flex-shrink: 0;flex-wrap: wrap;}button {background-color: var(--button-bg);color: var(--text-color);padding: 8px 12px;border-radius: 4px;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease;white-space: nowrap;border-width: 2px;border-style: solid;border-color: var(--button-bg);}button:hover, button:focus {background-color: var(--button-hover);border-color: var(--primary-color);}button:active {border-color: var(--text-color);}button:disabled {opacity: 0.5;cursor: not-allowed;}button>svg>path {fill: var(--text-color);}button:hover>svg>path {fill: var(--text-color);}.button_unsaved {border-color: var(--text-color);}.button_unsaved:hover {border-color: var(--text-color);}select {border-width: 2px;border-style: solid;border-color: var(--button-bg);cursor: pointer;padding: 0 5px 0 5px;background-color: var(--button-bg);border-radius: 4px;box-sizing: border-box;color: var(--text-color);transition: border-color 0.2s ease, background-color 0.3s, color 0.3s;resize: vertical;height: 32px;}select:hover, select:focus {background-color: var(--button-hover);border-color: var(--primary-color);}.select-plus {width: 40px;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="16" height="16" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"><path d="M7.001 0h1.998v7.001H16v1.998H8.999V16H7.001V8.999H0V7.001h7.001z" fill="%23f0f0f0"></path></svg>');background-repeat: no-repeat;background-position: 15% center;}:root[data-theme="light"] .select-plus {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="16" height="16" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd"><path d="M7.001 0h1.998v7.001H16v1.998H8.999V16H7.001V8.999H0V7.001h7.001z" fill="%23333333"></path></svg>');}.turned-off {opacity: 0.25;background: none;}.delete-button:hover {background-color: #d32f2f;}.delete-button:active {background-color: #a31a1a;}.support-button {background-color: #f16552;border-color: #e2523e;color: white;}.support-button svg{vertical-align: bottom;margin-right:5px;}.support-button:hover {background-color: #f87866;border-color: #f9a397;}.support-button:active, .support-button:focus {background-color: #f98676;border-color: white;}.link {color: var(--text-color);cursor: pointer;}.link:hover, .link:active {color: var(--primary-color);}#scenes-list {height: 50%;overflow-y: auto;display: flex;flex-direction: column;flex-grow: 1;}#scenes-container {flex: 1;overflow-y: auto;padding: 5px;}.scene-item {padding: 8px 12px;margin-bottom: 5px;background-color: var(--button-bg);border-radius: 4px;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-width: 2px;border-style: solid;border-color: var(--button-bg);}.scene-item:hover {background-color: var(--button-hover);border-color: var(--primary-color);}.scene-item:active {border-color: var(--text-color);}.scene-item.active {border-color: var(--primary-color);background-color: var(--button-hover);}#code {display:none;}#game-container {flex: 1;background-color: var(--bg-game);overflow: hidden;position: relative;height: 100%;}#no-selection {padding: 20px;text-align: center;color: var(--text-muted);box-sizing: border-box;}#object-properties {display: none;}#asset-preview {display: none;}#asset-preview-content {display: flex;flex-direction: column;width: 100%;}#asset-preview-image {margin-bottom: 10px;}#asset-preview-audio {width: 100%;margin-bottom: 10px;}.property-row {margin-bottom: 10px;}.property-row label {display: block;margin-bottom: 5px;color: var(--text-muted);overflow: hidden;white-space: nowrap;}.checkbox-row {display: flex;align-items: center;margin-bottom: 10px;}.checkbox-row label {margin: 0 0 0 8px;color: var(--text-muted);cursor: pointer;flex-grow: 1;}.property-input[type="text"], .property-input[type="number"], .property-input[type="range"], .property-input[type="checkbox"], .property-input[type="color"], select, .property-input[type="select"], textarea.property-input {width: 100%;padding: 0 5px 0 5px;background-color: var(--button-bg);border: 2px solid var(--button-bg);border-radius: 4px;box-sizing: border-box;color: var(--text-color);transition: border-color 0.2s ease, background-color 0.3s, color 0.3s;resize: vertical;height: 32px;}.property-input[type="text"]:hover, .property-input[type="number"]:hover, .property-input[type="range"]:hover, .property-input[type="color"]:hover, .property-input[type="select"]:hover, textarea.property-input:hover, .property-input[type="text"]:focus, .property-input[type="number"]:focus, .property-input[type="range"]:focus, .property-input[type="color"]:focus, .property-input[type="select"]:focus, textarea.property-input:focus {border-color: var(--primary-color);background-color: var(--button-hover);outline: none;}.checkbox-row input[type="checkbox"] {margin: 5px 0;width: 16px;height: 16px;flex-shrink: 0;cursor:pointer;}.checkbox-row input[type="checkbox"]:focus {outline: 2px solid var(--primary-color);outline-offset: 2px;}.property-input[type="color"] {padding: 0;}textarea.property-input {min-height: 100px;max-height: 400px;}.property-input[type="range"] {padding-left: 0;padding-right: 0;}input[type="range"]:focus {box-shadow: 0 0 0 1px var(--primary-color);}.property-select-flex {display: flex;gap: 5px;}.property-select-flex button, .property-select-flex .property-row {flex: 1;width:50%;}.property-select-flex label {width:85px;}.property-select-flex .checkbox-row {width:50%;}.property-select-flex .checkbox-row label{width:auto;}textarea:focus, input:focus, select:focus, button:focus {outline: none;}#assets-list {height: 50%;overflow-y: auto;display: flex;flex-direction: column;border-top: 1px solid var(--border-color);}.asset-icon svg {margin-right: 5px;position: relative;top: 3px;}.property-input[readonly] {background-color: var(--bg-darkest);border-color: var(--button-bg);cursor: default;opacity: 0.5;}.property-input[readonly]:hover, .property-input[readonly]:focus {background-color: var(--bg-darkest) !important;border-color: var(--button-bg) !important;}.inspector-header {display: flex;justify-content: flex-start;padding: 16px 0;border-bottom: 1px solid var(--border-color);margin-bottom: 15px;}#prop-video-play-row {display: flex;gap: 5px;}#prop-video-play-row button{flex: 1;}.code-button {min-width: 32px;min-height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;}.preview_content{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' shape-rendering='crispEdges' text-rendering='crispEdges' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0V0zm16 16h16v16H16V16z' fill='%23AAAAAA'/%3E%3C/svg%3E");margin-bottom: 10px;}.preview_content img, .preview_content video, .preview_content audio {vertical-align: middle;max-width: 100%;max-height: 400px;display: none;}#theme-toggle {margin-left: 15px;}#start-screen, #unsupported-screen {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-darker);z-index: 1002;display: flex;flex-direction: column;justify-content: center;align-items: center;color: var(--text-color);}#start-screen-content {display: none;text-align: center;}#unsupported-screen {display:none;}#logo {width: 100%;height: 270px;background-image: url('content/images/logo.svg');background-position: top;background-repeat: no-repeat;background-size: contain;}.start-buttons {display: flex;gap: 20px;margin-bottom: 20px;}.start-buttons button {width: 100%;display: flex;gap: 10px;flex-direction: column;}.start-buttons svg {margin: 0 auto;height:20px;vertical-align: text-bottom;}.scene-objects-container {padding: 0 5px 5px 10px;display: none;overflow-y: auto;margin-bottom: 5px;}.scene-object-item {padding: 6px 8px;margin-bottom: 2px;background-color: var(--bg-dark);border-radius: 4px;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease;align-items: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-width: 2px;border-style: solid;border-color: var(--bg-dark);}.scene-object-item:hover {background-color: var(--button-hover);border-color: var(--primary-color);}.scene-object-item:active {border-color: var(--text-color);}.scene-object-item.active {border-color: var(--primary-color);}.object-icon svg {margin-right: 5px;position: relative;top: 3px;}#code-panel {border-top: 1px solid var(--border-color);display: flex;flex-direction: column;overflow: hidden;height: 80%;flex-grow: 1;}#game-console {background-color: var(--bg-dark);border-top: 1px solid var(--border-color);display: flex;flex-direction: column;overflow: hidden;height: 20%;flex-grow: 1;}.console-body {flex: 1;overflow-y: auto;padding: 5px 10px;font-family: var(--font-code);font-size: 12px;color: var(--text-color);}.console-message {margin-bottom: 3px;white-space: pre-wrap;word-break: break-word;}.console-message.log {color: var(--text-color);}.console-message.error {color: #ff6b6b;}.console-message.warn {color: #ff7800;}.console-message.info {color: #66b3ff;}body {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.CodeMirror, #console-output, #console-output * {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}.property-input {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}.preview-controls {position: absolute;top: 31px;left: 31px;z-index: 1001;display: flex;gap: 5px;}.add-objects-controls {position: absolute;top: 31px;right: 5px;z-index: 1001;display: flex;gap: 5px;}.camera-controls {position: absolute;bottom: 5px;left: 31px;z-index: 1001;display: flex;flex-direction: column;align-items: center;}.camera-zoom-controls {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);z-index: 1001;display: flex;gap: 5px;}.camera-pad {display: none;grid-template-columns: repeat(3, 30px);grid-template-rows: repeat(3, 30px);gap: 2px;}.camera-btn {width: 30px;height: 30px;background-color: var(--button-bg);color: var(--text-color);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;transition: background-color 0.2s ease, border-color 0.2s ease;border-width: 2px;border-style: solid;border-color: var(--button-bg);}.camera-btn:hover {background-color: var(--button-hover);border-color: var(--primary-color);}.camera-btn:active {border-color: var(--text-color);}.camera-btn-center {grid-column: 2;grid-row: 2;}.camera-btn-up {grid-column: 2;grid-row: 1;padding-bottom: 3px;box-sizing: border-box;}.camera-btn-down {grid-column: 2;grid-row: 3;padding-top: 3px;box-sizing: border-box;}.camera-btn-left {grid-column: 1;grid-row: 2;padding-right: 3px;box-sizing: border-box;}.camera-btn-right {grid-column: 3;grid-row: 2;padding-left: 3px;box-sizing: border-box;}#pan-reset-btn {width: 16px;height: 16px;background-color: var(--button-bg);color: var(--text-color);cursor: pointer;border-radius: 50%;padding: 0px;transition: background-color 0.2s ease, border-color 0.2s ease;border-width: 2px;border-style: solid;border-color: var(--button-bg);}#pan-reset-btn:hover {background-color: var(--button-hover);border-color: var(--primary-color);}#pan-reset-btn:active {border-color: var(--text-color);}.zoom-btn {width: 20px;height: 20px;background-color: var(--button-bg);color: var(--text-color);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;line-height: 20px;box-sizing: border-box;transition: background-color 0.2s ease, border-color 0.2s ease;border-width: 2px;border-style: solid;border-color: var(--button-bg);}.zoom-btn:hover {background-color: var(--button-hover);border-color: var(--primary-color);}.zoom-btn:active {border-color: var(--text-color);}.zoom-value {background-color: var(--button-bg);color: var(--text-color);border-radius: 4px;width: 45px;text-align: center;line-height: 20px;font-size: 12px;cursor: pointer;transition: background-color 0.2s ease, border-color 0.2s ease;box-sizing: border-box;line-height: 16px;border-width: 2px;border-style: solid;border-color: var(--button-bg);}.zoom-value:hover {background-color: var(--button-hover);border-color: var(--primary-color);}.zoom-value:active {border-color: var(--text-color);}.camera-pad {display: grid;}.code-templates {display: flex;gap: 8px;align-items: center;}.CodeMirror {height: 100%;font-family: 'Courier New', monospace;font-size: 14px;line-height: 1.5;flex-grow: 1;}.cm-s-dracula .CodeMirror-selected {background: rgba(255, 255, 255, 0.1);}.CodeMirror.cm-s-dracula {background: var(--bg-dark) !important;}.cm-s-dracula .CodeMirror-gutters {background: var(--bg-darkest) !important;border-right: 1px solid #333 !important;}.cm-s-dracula .CodeMirror-linenumber {color: var(--text-muted) !important;}::-webkit-scrollbar {width: 10px;height: 10px;background-color: transparent;}::-webkit-scrollbar-track {background-color: var(--bg-darkest);border-radius: 5px;margin: 2px;border: 1px solid var(--border-color);}::-webkit-scrollbar-thumb {background-color: var(--scrollbar-color);border-radius: 5px;border: 2px solid var(--bg-darkest);transition: all 0.2s ease;}::-webkit-scrollbar-thumb:hover {background-color: var(--scrollbar-hover);border-color: var(--border-color);}::-webkit-scrollbar-corner {background-color: var(--bg-darkest);}* {scrollbar-width: thin;scrollbar-color: var(--scrollbar-color) var(--bg-darkest);}.panel::-webkit-scrollbar-thumb {background-color: var(--scrollbar-color);}.panel::-webkit-scrollbar-thumb:hover {background-color: var(--scrollbar-hover);}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb, .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {background-color: var(--scrollbar-color);border-color: var(--bg-dark);}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover, .CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {background-color: var(--scrollbar-hover);}.rulers-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 1000;}.horizontal-ruler, .vertical-ruler {position: absolute;background-color: var(--bg-rulers);border:none;box-sizing: border-box;}.horizontal-ruler {top: 0;left: 26px;width: calc(100% - 26px);height: 26px;border-left: none;}.vertical-ruler {top: 26px;left: 0;width: 26px;height: calc(100% - 26px);border-top: none;}.ruler-tick {position: absolute;background-color: var(--text-muted);}.horizontal-ruler .ruler-tick {width: 1px;height: 4px;bottom: 0;}.vertical-ruler .ruler-tick {width: 4px;height: 1px;right: 0;}.ruler-label {position: absolute;color: var(--text-muted);font-size: 10px;font-family: var(--font-main);font-family: "Helvetica Narrow", "Arial Narrow", Tahoma, Arial, Helvetica, sans-serif;}.horizontal-ruler .ruler-label {bottom: 4px;transform: translateX(-50%);}.vertical-ruler .ruler-label {right: 4px;transform: translateY(-50%);}.cursor-position {position: absolute;bottom: 5px;right: 5px;font-size: 12px;background-color: var(--button-bg);color: var(--text-muted);padding: 2px 5px;border-radius: 4px;z-index: 1001;}.rulers-corner {width: 26px;height: 26px;background-color: var(--bg-darkest);position: absolute;z-index: 1001;border:none;display: flex;justify-content: center;align-items: center;}#files-panel {background-color: var(--bg-darker);border-right: 1px solid var(--border-color);border-top: 1px solid var(--border-color);display: flex;flex: 1;flex-direction: column;overflow: hidden;flex-grow: 1;min-width: 130px;}.file-icon {position: relative;top: 3px;}.folder-title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.file-title {flex: 1;margin-left: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.folder-item {margin-bottom: 5px;}.folder-item.expanded .folder-content {display: block;}.folder-header {cursor: pointer;padding: 5px;display: flex;align-items: center;border-radius: 4px;transition: background-color 0.2s;}.folder-header:hover {background-color: var(--button-hover);}.folder-icon {margin-right: 5px;transition: transform 0.2s;}.folder-item.expanded .folder-icon {transform: rotate(90deg);}.collision-checkboxes {display: flex;flex-wrap: wrap;margin-top: 5px;}.collision-checkbox {display: flex;align-items: center;width: 25%;}.collision-checkbox input {margin-right: 5px;}.collision-checkbox input[type="checkbox"]:focus {outline: 2px solid var(--primary-color);outline-offset: 1px;}.collision-checkbox label {font-size: 10px;white-space: nowrap;width: 6px;top: 2px;position: relative;}