/* /Components/ConfirmModal.razor.rz.scp.css */
.modal-overlay[b-rq5hsc7cf3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    animation: fadeIn-b-rq5hsc7cf3 0.15s ease-out;
}

@keyframes fadeIn-b-rq5hsc7cf3 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-rq5hsc7cf3] {
    background-color: #252526;
    border: 1px solid #3e3e42;
    border-radius: 6px;
    min-width: 400px;
    max-width: 600px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    animation: slideIn-b-rq5hsc7cf3 0.2s ease-out;
}

@keyframes slideIn-b-rq5hsc7cf3 {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header[b-rq5hsc7cf3] {
    padding: 16px 20px;
    border-bottom: 1px solid #3e3e42;
}

.modal-header h3[b-rq5hsc7cf3] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #cccccc;
}

.modal-body[b-rq5hsc7cf3] {
    padding: 20px;
}

.modal-body p[b-rq5hsc7cf3] {
    margin: 0;
    color: #cccccc;
    line-height: 1.5;
}

.modal-footer[b-rq5hsc7cf3] {
    padding: 12px 20px;
    border-top: 1px solid #3e3e42;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.modal-button[b-rq5hsc7cf3] {
    padding: 6px 16px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.modal-button-cancel[b-rq5hsc7cf3] {
    background-color: #3e3e42;
    color: #cccccc;
}

.modal-button-cancel:hover[b-rq5hsc7cf3] {
    background-color: #4e4e52;
}

.modal-button-confirm[b-rq5hsc7cf3] {
    background-color: #0e639c;
    color: #ffffff;
}

.modal-button-confirm:hover[b-rq5hsc7cf3] {
    background-color: #1177bb;
}

.modal-button:active[b-rq5hsc7cf3] {
    transform: scale(0.98);
}

/* /Components/DeviceMonitor/DeviceMonitorContent.razor.rz.scp.css */
.device-monitor-content[b-5cmcug8z1y] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
    color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.monitor-sections[b-5cmcug8z1y] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-template-rows: auto auto;
    gap: 10px;
    padding: 10px;
    transition: grid-template-columns 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.input-output-container[b-5cmcug8z1y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    height: fit-content;
}

.input-output-sections[b-5cmcug8z1y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    overflow: hidden;
}

.plot-area[b-5cmcug8z1y] {
    height: 300px;
    border: 2px solid #2a2a2a;
    border-radius: 4px;
    background: #000;
    overflow: hidden;
    grid-column: 1;
    grid-row: 2;
}

.monitor-section[b-5cmcug8z1y] {
    display: flex;
    flex-direction: column;
    border: 2px solid #2a2a2a;
    border-radius: 4px;
    background: #000;
    overflow: hidden;
    grid-row: 1 / 3;
}

.section-header[b-5cmcug8z1y] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    min-height: 50px;
    height: 50px;
    background: #1a1a1a;
    border-bottom: 1px solid #2a2a2a;
}

.section-content[b-5cmcug8z1y] {
    flex: 1;
    overflow-y: auto;
    padding: 4px;
}

.section-empty[b-5cmcug8z1y] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px;
}

.display-table[b-5cmcug8z1y] {
    display: flex;
    gap: 10px;
    padding: 4px;
    min-width: 0;
}

.display-column[b-5cmcug8z1y] {
    flex: 1;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.output-select[b-5cmcug8z1y] {
    min-width: 180px;
    font-size: 13px;
    margin: 0 !important;
}

.output-select[b-5cmcug8z1y]  .mud-input-root {
    min-height: 20px !important;
    height: 20px !important;
}

.output-select[b-5cmcug8z1y]  .mud-input {
    padding: 0 8px !important;
    font-size: 13px !important;
    min-height: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.output-select[b-5cmcug8z1y]  .mud-select {
    margin: 0 !important;
    min-height: 20px !important;
}

.output-select[b-5cmcug8z1y]  .mud-input-adornment {
    margin: 0 !important;
}

.output-select[b-5cmcug8z1y]  .mud-select-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.misc-content[b-5cmcug8z1y] {
    padding: 8px;
    color: #fff;
    max-width: 300px;
}

.misc-row[b-5cmcug8z1y] {
    display: flex;
    margin-bottom: 8px;
    font-size: 14px;
}

.misc-label[b-5cmcug8z1y] {
    min-width: 160px;
    color: #fff;
}

.misc-value[b-5cmcug8z1y] {
    color: #6CA2D3;
    font-weight: 500;
    text-align: right;
    flex: 1;
}

.misc-section-title[b-5cmcug8z1y] {
    font-size: 12px;
    font-weight: 600;
    color: #6CA2D3;
    margin-top: 12px;
    margin-bottom: 6px;
    text-align: center;
}

.misc-leds[b-5cmcug8z1y], .misc-rumble[b-5cmcug8z1y] {
    display: flex;
    justify-content: center;
    gap: 2px;
    margin-bottom: 12px;
}

.led-box[b-5cmcug8z1y], .rumble-box[b-5cmcug8z1y] {
    border: 1px solid #444;
    background: #1a1a1a;
    width: 36px;
    text-align: center;
    cursor: pointer;
    transition: background 0.15s ease;
}

.led-box:hover[b-5cmcug8z1y], .rumble-box:hover[b-5cmcug8z1y] {
    background: #252525;
}

.led-box.plot-selected[b-5cmcug8z1y], .rumble-box.plot-selected[b-5cmcug8z1y] {
    border-width: 2px;
}

.led-box.plot-color-1[b-5cmcug8z1y], .rumble-box.plot-color-1[b-5cmcug8z1y] {
    border-color: #ff6b6b;
}

.led-box.plot-color-2[b-5cmcug8z1y], .rumble-box.plot-color-2[b-5cmcug8z1y] {
    border-color: #4ecdc4;
}

.led-box.plot-color-3[b-5cmcug8z1y], .rumble-box.plot-color-3[b-5cmcug8z1y] {
    border-color: #ffe66d;
}

.led-box.plot-color-4[b-5cmcug8z1y], .rumble-box.plot-color-4[b-5cmcug8z1y] {
    border-color: #a8dadc;
}

.led-value[b-5cmcug8z1y], .rumble-value[b-5cmcug8z1y] {
    font-size: 11px;
    color: #6CA2D3;
    font-weight: 600;
    padding: 2px;
    min-height: 18px;
}

.led-label[b-5cmcug8z1y], .rumble-label[b-5cmcug8z1y] {
    font-size: 10px;
    color: #888;
    padding: 2px;
    border-top: 1px solid #444;
    background: #0a0a0a;
}

.misc-connection-section[b-5cmcug8z1y] {
    margin: 12px -8px;
    padding: 0 8px;
    width: calc(100% + 16px);
}

.misc-connection-row[b-5cmcug8z1y] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
}

.misc-connection-group[b-5cmcug8z1y] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    padding: 8px;
    border: 1px solid #444;
    background: #0f0f0f;
    border-radius: 4px;
    flex: 1;
}

.misc-connection-header[b-5cmcug8z1y] {
    font-size: 10px;
    font-weight: 600;
    color: #ccc;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 2px;
}

.misc-connection-slots[b-5cmcug8z1y] {
    display: flex;
    gap: 6px;
}

.connection-slot[b-5cmcug8z1y] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.connection-icon-box[b-5cmcug8z1y] {
    border: 1px solid #444;
    background: #1a1a1a;
    width: 34px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #222;
}

.connection-label-box[b-5cmcug8z1y] {
    border: 1px solid #444;
    border-top: none;
    background: #1a1a1a;
    width: 34px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #ccc;
    font-weight: 600;
    border-radius: 0 0 3px 3px;
}

.connected-devices-section[b-5cmcug8z1y] {
    margin: 12px -8px 12px -8px;
    padding: 0 8px;
    width: calc(100% + 16px);
}

.connected-devices-section[b-5cmcug8z1y]  .mud-tooltip-root {
    width: 100%;
    display: block;
}

.connected-devices-button[b-5cmcug8z1y] {
    border-color: #444 !important;
    color: #ccc !important;
    text-transform: none !important;
    font-size: 11px !important;
    width: 100% !important;
    display: block !important;
}

.connected-devices-button:hover[b-5cmcug8z1y] {
    background: #1a1a1a !important;
    border-color: #6CA2D3 !important;
}

.device-tree[b-5cmcug8z1y] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.misc-slider-row[b-5cmcug8z1y] {
    margin: 4px 0 12px 0;
    padding: 0 8px;
}

.misc-slider-row[b-5cmcug8z1y]  .mud-slider {
    padding: 0;
}

.misc-slider-row[b-5cmcug8z1y]  .mud-slider-track {
    height: 4px;
}

.misc-slider-row[b-5cmcug8z1y]  .mud-slider-thumb {
    width: 12px;
    height: 12px;
}

.misc-toggle-row[b-5cmcug8z1y] {
    margin: 8px 0;
}

.misc-toggle-row[b-5cmcug8z1y]  .mud-switch {
    padding: 0;
}

.misc-toggle-row[b-5cmcug8z1y]  .mud-switch-label {
    font-size: 12px;
    color: #fff;
}

.ps5-adt-flyout[b-5cmcug8z1y] {
    min-width: 250px;
    animation: slideInRight-b-5cmcug8z1y 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: left center;
}

.ps5-adt-flyout-no-animation[b-5cmcug8z1y] {
    min-width: 250px;
}

@keyframes slideInRight-b-5cmcug8z1y {
    from {
        opacity: 0;
        transform: translateX(-20px) scaleX(0.98);
    }
    to {
        opacity: 1;
        transform: translateX(0) scaleX(1);
    }
}

.ps5-adt-content[b-5cmcug8z1y] {
    padding: 8px;
    color: #fff;
}

.ps5-adt-columns[b-5cmcug8z1y] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin-bottom: 8px;
}

.ps5-adt-column-header[b-5cmcug8z1y] {
    font-size: 12px;
    font-weight: 600;
    color: #6CA2D3;
    text-align: center;
    grid-column: span 2;
}

.ps5-adt-lr[b-5cmcug8z1y] {
    font-size: 11px;
    color: #888;
    text-align: center;
    font-weight: 600;
}

.ps5-adt-section-title[b-5cmcug8z1y] {
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 4px;
    text-align: center;
}

.ps5-adt-values[b-5cmcug8z1y] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4px;
    column-gap: 4px;
    margin-bottom: 4px;
}

.ps5-adt-values > :nth-child(2)[b-5cmcug8z1y] {
    margin-right: 8px;
}

.ps5-adt-value[b-5cmcug8z1y] {
    border: 1px solid #444;
    background: #1a1a1a;
    padding: 4px;
    text-align: center;
    font-size: 11px;
    color: #6CA2D3;
    font-weight: 600;
}

.device-monitor-display-empty[b-5cmcug8z1y] {
    height: 20px;
    min-height: 20px;
}

.fps-row[b-5cmcug8z1y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.fps-title[b-5cmcug8z1y] {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    width: 115px !important;
    min-width: 115px !important;
    flex-shrink: 0;
}

.fps-preset-buttons[b-5cmcug8z1y] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
}

.fps-preset-buttons[b-5cmcug8z1y]  .mud-button-group {
    border-color: #444 !important;
}

.fps-preset-button[b-5cmcug8z1y] {
    border-color: #444 !important;
    color: #ccc !important;
    min-width: 28px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 4px !important;
    font-size: 11px !important;
    line-height: 18px !important;
}

.fps-preset-button:hover[b-5cmcug8z1y] {
    background: #1a1a1a !important;
    border-color: #6CA2D3 !important;
}

.fps-input[b-5cmcug8z1y] {
    width: 75px !important;
    max-width: 75px !important;
    flex-shrink: 0;
}

.fps-input[b-5cmcug8z1y]  .mud-input-root {
    min-height: 24px !important;
    height: 24px !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input {
    padding: 2px 4px 2px 2px !important;
    font-size: 13px !important;
    color: #6CA2D3 !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}

.fps-input[b-5cmcug8z1y]  input[type="number"] {
    padding-left: 4px !important;
    padding-right: 2px !important;
    text-align: right !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input-adornment {
    margin: 0 !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input-adornment-text {
    font-size: 10px !important;
    color: #888 !important;
    padding: 0 3px !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input-outlined {
    border-color: #444 !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input-outlined:hover {
    border-color: #6CA2D3 !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input-outlined.mud-input-focused {
    border-color: #6CA2D3 !important;
}

.fps-input[b-5cmcug8z1y]  .mud-input-control {
    margin: 0 !important;
}

.section-header-text[b-5cmcug8z1y] {
    margin-left: 8px;
}

.section-empty[b-5cmcug8z1y] {
    color: #888;
    text-align: center;
}

.section-header-right[b-5cmcug8z1y] {
    margin-left: auto;
}

.ps5-adt-switch[b-5cmcug8z1y]  .mud-switch {
    margin: 0;
}

.connection-icon[b-5cmcug8z1y] {
    transition: color 0.2s;
}

.device-monitor-display[b-5cmcug8z1y] {
    display: flex;
    align-items: center;
    padding: 2px 4px;
    height: 20px;
    background: #1a1a1a;
    border: 1px solid #444;
    cursor: pointer;
    transition: background 0.2s;
}

.device-monitor-display-empty[b-5cmcug8z1y] {
    height: 20px;
    visibility: hidden;
}

.device-monitor-display:hover[b-5cmcug8z1y] {
    background: #2a2a2a;
}

.device-monitor-display.highlighted[b-5cmcug8z1y] {
    background: #3a2a00;
    border-color: #ffa726;
}

.device-monitor-display.plot-selected[b-5cmcug8z1y] {
    border-width: 2px;
}

.device-monitor-display.plot-color-1[b-5cmcug8z1y] {
    border-color: #ff6b6b;
}

.device-monitor-display.plot-color-2[b-5cmcug8z1y] {
    border-color: #4ecdc4;
}

.device-monitor-display.plot-color-3[b-5cmcug8z1y] {
    border-color: #ffe66d;
}

.device-monitor-display.plot-color-4[b-5cmcug8z1y] {
    border-color: #a8dadc;
}

.display-label[b-5cmcug8z1y] {
    flex: 1;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    padding-right: 8px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.display-label > span[b-5cmcug8z1y] {
    display: inline-block;
    padding-right: 20px;
}

/* Animate label on hover - scrolls back and forth */
.device-monitor-display:hover .display-label > span[b-5cmcug8z1y] {
    animation: scroll-label-b-5cmcug8z1y 3s ease-in-out infinite;
}

@keyframes scroll-label-b-5cmcug8z1y {
    0%, 15% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(calc(100px - 100%));
    }
    85%, 100% {
        transform: translateX(0);
    }
}

.display-value-text[b-5cmcug8z1y] {
    min-width: 50px;
    text-align: right;
    font-size: 11px;
    font-family: 'Consolas', 'Courier New', monospace;
    color: #6CA2D3;
    font-weight: 600;
    padding-left: 8px;
}
/* /Components/DeviceMonitor/DeviceMonitorPlot.razor.rz.scp.css */
.plot-container[b-wtsifl3hq3] {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #000000;
    position: relative;
}

.plot-y-axis[b-wtsifl3hq3] {
    width: 50px;
    position: relative;
    margin: 20px 0;
}

.y-label[b-wtsifl3hq3] {
    position: absolute;
    font-family: Consolas, monospace;
    font-size: 11px;
    color: #888;
    text-align: right;
    padding-right: 5px;
    line-height: 1;
    transform: translateY(-50%);
    width: 100%;
}

.plot-area[b-wtsifl3hq3] {
    flex: 1;
    position: relative;
    margin: 20px 30px 20px 0;
    overflow: hidden;
}

.plot-background[b-wtsifl3hq3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a0a0a;
    border: 1px solid #333;
    box-sizing: border-box;
}

.plot-grid[b-wtsifl3hq3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.grid-line[b-wtsifl3hq3] {
    position: absolute;
    height: 1px;
    background-color: #222222;
    width: 100%;
    transform: translateY(-50%);
}

.plot-canvas[b-wtsifl3hq3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* /Components/Dialogs/DeviceMonitorDialog.razor.rz.scp.css */
.device-monitor-dialog-header[b-o0qs54jxmu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.device-monitor-dialog-title[b-o0qs54jxmu] {
    flex: 1;
    margin: 0;
}

.device-monitor-close-button[b-o0qs54jxmu] {
    flex-shrink: 0;
    margin-left: 16px;
}

/* /Components/Dialogs/EditorSettingsDialog.razor.rz.scp.css */
[b-5ao4148obh] .mud-dialog.editor-settings-dialog {
    min-width: 600px;
    height: 80vh;
    max-height: 80vh;
}

[b-5ao4148obh] .mud-dialog.editor-settings-dialog .mud-dialog-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.settings-content[b-5ao4148obh] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.settings-section[b-5ao4148obh] {
    border: 1px solid #555555;
    border-radius: 6px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.02);
}

.settings-section-header[b-5ao4148obh] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 16px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.05));
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
    min-height: 40px;
}

.settings-section-header:hover[b-5ao4148obh] {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
}

.settings-section-header .header-content[b-5ao4148obh] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-5ao4148obh] .settings-section-header .mud-icon-root {
    margin: 0;
    vertical-align: middle;
}

[b-5ao4148obh] .settings-section-header ::deep .mud-typography {
    font-weight: 600;
    color: #e0e0e0;
    margin: 0;
    line-height: 1.5;
}

.setting-item[b-5ao4148obh] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    padding: 12px 16px;
    align-items: center;
    gap: 8px 16px;
    border-bottom: 1px solid #3e3e42;
}

.setting-item:last-child[b-5ao4148obh] {
    border-bottom: none;
}

.setting-label[b-5ao4148obh] {
    grid-column: 1;
    grid-row: 1;
    min-width: 200px;
}

.setting-control[b-5ao4148obh] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
}

.setting-description-full[b-5ao4148obh] {
    grid-column: 1 / -1;
    grid-row: 2;
}

.setting-description[b-5ao4148obh] {
    color: #999999;
    font-size: 0.75rem;
    margin: 0;
}

.setting-select[b-5ao4148obh] {
    min-width: 220px;
    max-width: 220px;
}

.setting-number[b-5ao4148obh] {
    min-width: 120px;
    max-width: 120px;
}

[b-5ao4148obh] .setting-number input {
    text-align: right;
}

[b-5ao4148obh] .setting-select .mud-input,
[b-5ao4148obh] .setting-number .mud-input {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.875rem;
}

[b-5ao4148obh] .setting-select .mud-input-slot {
    text-align: right;
}

[b-5ao4148obh] .setting-select .mud-select-input {
    text-align: right;
}

.setting-description-with-info[b-5ao4148obh] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.info-icon[b-5ao4148obh] {
    opacity: 0.6;
    cursor: help;
    flex-shrink: 0;
}

.info-icon:hover[b-5ao4148obh] {
    opacity: 1;
}

.tooltip-content[b-5ao4148obh] {
    max-width: 350px;
    text-align: left;
    padding: 4px 0;
}

.tooltip-item[b-5ao4148obh] {
    padding: 3px 0;
    line-height: 1.4;
}

.tooltip-item[b-5ao4148obh]:before {
    content: "• ";
    color: rgba(255, 255, 255, 0.5);
    margin-right: 4px;
}

.tooltip-label[b-5ao4148obh] {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

[b-5ao4148obh] .mud-dialog-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.dialog-actions-left[b-5ao4148obh] {
    display: flex;
    gap: 8px;
    margin-right: auto;
}

.dialog-actions-right[b-5ao4148obh] {
    display: flex;
    gap: 8px;
}

/* /Components/Dialogs/EditorThemeDialog.razor.rz.scp.css */
[b-1abde1zxvm] .mud-dialog.editor-theme-dialog {
    height: 80vh;
    max-height: 80vh;
}

[b-1abde1zxvm] .mud-dialog.editor-theme-dialog .mud-dialog-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.theme-content[b-1abde1zxvm] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.theme-section[b-1abde1zxvm] {
    border: 1px solid #555555;
    border-radius: 6px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.02);
}

.theme-section-header[b-1abde1zxvm] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 16px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.05));
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
    min-height: 40px;
}

.theme-section-header:hover[b-1abde1zxvm] {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.08));
}

.theme-section-header .header-content[b-1abde1zxvm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-1abde1zxvm] .theme-section-header .mud-icon-root {
    margin: 0;
    vertical-align: middle;
}

[b-1abde1zxvm] .theme-section-header ::deep .mud-typography {
    font-weight: 600;
    color: #e0e0e0;
    margin: 0;
    line-height: 1.5;
}

.theme-section-content[b-1abde1zxvm] {
    padding: 16px;
}

[b-1abde1zxvm] .mud-dialog-actions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.dialog-actions-left[b-1abde1zxvm] {
    display: flex;
    gap: 8px;
    margin-right: auto;
}

.dialog-actions-right[b-1abde1zxvm] {
    display: flex;
    gap: 8px;
}


/* Bracket pair grid reordering for medium+ screens */
@media (min-width: 960px) {
    [b-1abde1zxvm] .bracket-pair-grid .bracket-level-1 { order: 1; }
    [b-1abde1zxvm] .bracket-pair-grid .bracket-level-2 { order: 3; }
    [b-1abde1zxvm] .bracket-pair-grid .bracket-level-3 { order: 5; }
    [b-1abde1zxvm] .bracket-pair-grid .bracket-level-4 { order: 2; }
    [b-1abde1zxvm] .bracket-pair-grid .bracket-level-5 { order: 4; }
    [b-1abde1zxvm] .bracket-pair-grid .bracket-level-6 { order: 6; }
}
/* /Components/StatusBar.razor.rz.scp.css */
.status-bar[b-mi47lmnomt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 22px;
    background-color: #007acc;
    color: #ffffff;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 0 8px;
    border-top: 1px solid #005a9e;
    user-select: none;
    flex-shrink: 0;
}

.status-bar-left[b-mi47lmnomt],
.status-bar-right[b-mi47lmnomt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.status-item[b-mi47lmnomt] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 6px;
    height: 100%;
    cursor: default;
    white-space: nowrap;
}

.status-item:hover[b-mi47lmnomt] {
    background-color: rgba(255, 255, 255, 0.1);
}

.status-cursor[b-mi47lmnomt] {
    font-weight: 500;
    min-width: 120px;
}

.status-icon[b-mi47lmnomt] {
    font-size: 14px;
}

.status-version[b-mi47lmnomt] {
    font-size: 11px;
    opacity: 0.8;
    font-family: 'Consolas', 'Courier New', monospace;
}

.status-version-clickable[b-mi47lmnomt] {
    cursor: pointer;
    transition: opacity 0.2s;
}

.status-version-clickable:hover[b-mi47lmnomt] {
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Dark theme variant */
@media (prefers-color-scheme: dark) {
    .status-bar[b-mi47lmnomt] {
        background-color: #007acc;
        color: #ffffff;
        border-top-color: #005a9e;
    }
}

/* Alternative darker theme */
.status-bar.dark[b-mi47lmnomt] {
    background-color: #1e1e1e;
    color: #cccccc;
    border-top-color: #2d2d30;
}

.status-bar.dark .status-item:hover[b-mi47lmnomt] {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Version popover styles */
[b-mi47lmnomt] .version-popover {
    background-color: #2d2d30;
    border: 1px solid #3e3e42;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
}

.version-popover-content[b-mi47lmnomt] {
    padding: 12px 16px;
    min-width: 400px;
    font-family: 'Consolas', 'Courier New', monospace;
}

.version-popover-row[b-mi47lmnomt] {
    display: flex;
    margin-bottom: 8px;
    font-size: 13px;
}

.version-popover-row:last-child[b-mi47lmnomt] {
    margin-bottom: 0;
}

.version-popover-label[b-mi47lmnomt] {
    font-weight: 600;
    color: #cccccc;
    min-width: 90px;
    margin-right: 12px;
    font-family: 'Consolas', 'Courier New', monospace;
}

.version-popover-value[b-mi47lmnomt] {
    color: #ffffff;
    font-family: 'Consolas', 'Courier New', monospace;
    word-break: break-all;
}

/* /Components/UnifiedBottomPanel.razor.rz.scp.css */
.unified-panel[b-q0fv4cayp4] {
    display: flex;
    flex-direction: column;
    background-color: #1e1e1e;
    border-top: 1px solid #2d2d30;
    color: #cccccc;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    flex-shrink: 0;
    position: relative;
}

.unified-panel.collapsed[b-q0fv4cayp4] {
    height: auto;
    min-height: 30px;
    max-height: 30px;
}

.unified-panel.expanded[b-q0fv4cayp4] {
    height: 300px;
    min-height: 100px;
    max-height: 80vh;
    overflow: hidden;
}

.resize-handle[b-q0fv4cayp4] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    cursor: ns-resize;
    background-color: transparent;
    z-index: 10;
}

.resize-handle:hover[b-q0fv4cayp4] {
    background-color: #0e639c;
}

.resize-handle:active[b-q0fv4cayp4] {
    background-color: #1177bb;
}

.panel-header[b-q0fv4cayp4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    padding: 0 8px;
    background-color: #252526;
    border-bottom: 1px solid #2d2d30;
    user-select: none;
}

.panel-header-left[b-q0fv4cayp4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.panel-header-right[b-q0fv4cayp4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.panel-toggle[b-q0fv4cayp4] {
    font-size: 10px;
    color: #cccccc;
    cursor: pointer;
    padding: 4px;
}

.panel-toggle:hover[b-q0fv4cayp4] {
    background-color: #2a2d2e;
}

.panel-tabs[b-q0fv4cayp4] {
    display: flex;
    gap: 0;
    margin-left: 8px;
}

.panel-tab[b-q0fv4cayp4] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #cccccc;
    padding: 5px 12px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    height: 30px;
}

.panel-tab:hover[b-q0fv4cayp4] {
    background-color: #2a2d2e;
    color: #ffffff;
}

.panel-tab.active[b-q0fv4cayp4] {
    border-bottom-color: #0e639c;
    color: #ffffff;
    font-weight: 600;
}

.panel-tab.disabled[b-q0fv4cayp4] {
    opacity: 0.4;
    cursor: not-allowed;
}

.panel-tab.disabled:hover[b-q0fv4cayp4] {
    background-color: transparent;
    color: #cccccc;
}

.tab-icon[b-q0fv4cayp4] {
    font-size: 14px;
}

.tab-count[b-q0fv4cayp4] {
    background-color: #3e3e42;
    color: #cccccc;
    padding: 1px 6px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    min-width: 18px;
    text-align: center;
}

.panel-tab.active .tab-count[b-q0fv4cayp4] {
    background-color: #0e639c;
    color: #ffffff;
}

.diagnostics-filters[b-q0fv4cayp4] {
    display: flex;
    gap: 4px;
}

.filter-button[b-q0fv4cayp4] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: 1px solid #3e3e42;
    color: #cccccc;
    padding: 3px 10px;
    font-size: 11px;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.filter-button:hover[b-q0fv4cayp4] {
    background-color: #3e3e42;
    border-color: #4e4e52;
}

.filter-button.active[b-q0fv4cayp4] {
    background-color: #0e639c;
    border-color: #1177bb;
    color: #ffffff;
    font-weight: 600;
}

.filter-button.active:hover[b-q0fv4cayp4] {
    background-color: #1177bb;
    border-color: #a8cd8;
}

.error-icon[b-q0fv4cayp4] {
    color: #f48771;
    font-size: 12px;
}

.warning-icon[b-q0fv4cayp4] {
    color: #cca700;
    font-size: 12px;
}

.info-icon[b-q0fv4cayp4] {
    color: #75beff;
    font-size: 12px;
}

.hint-icon[b-q0fv4cayp4] {
    color: #cccccc;
    font-size: 12px;
}

.panel-button[b-q0fv4cayp4] {
    background: transparent;
    border: 1px solid #3e3e42;
    color: #cccccc;
    padding: 2px 8px;
    font-size: 11px;
    cursor: pointer;
    border-radius: 2px;
}

.panel-button:hover[b-q0fv4cayp4] {
    background-color: #3e3e42;
}

.panel-content[b-q0fv4cayp4] {
    flex: 1;
    overflow: auto;
    background-color: #1e1e1e;
}

.unified-panel.collapsed .panel-content[b-q0fv4cayp4] {
    display: none;
}

.panel-empty[b-q0fv4cayp4] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #858585;
    font-style: italic;
}

.panel-table[b-q0fv4cayp4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.panel-table thead[b-q0fv4cayp4] {
    position: sticky;
    top: 0;
    background-color: #252526;
    border-bottom: 1px solid #2d2d30;
    z-index: 1;
}

.panel-table th[b-q0fv4cayp4] {
    text-align: left;
    padding: 4px 8px;
    font-weight: 600;
    color: #cccccc;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.panel-table tbody tr[b-q0fv4cayp4] {
    border-bottom: 1px solid #2d2d30;
}

.panel-table tbody tr:hover[b-q0fv4cayp4] {
    background-color: #2a2d2e;
}

.panel-row[b-q0fv4cayp4] {
    cursor: pointer;
}

.panel-row td[b-q0fv4cayp4] {
    padding: 6px 8px;
    vertical-align: middle;
}

.col-severity[b-q0fv4cayp4] {
    width: 30px;
    text-align: center;
}

.col-code[b-q0fv4cayp4] {
    width: 80px;
    color: #858585;
}

.col-message[b-q0fv4cayp4] {
    min-width: 300px;
}

.col-source[b-q0fv4cayp4] {
    width: 100px;
    color: #858585;
}

.col-location[b-q0fv4cayp4] {
    width: 120px;
    color: #858585;
    text-align: right;
}

.col-timestamp[b-q0fv4cayp4] {
    width: 80px;
    color: #858585;
    font-family: 'Courier New', monospace;
}

.severity-error .col-message[b-q0fv4cayp4] {
    color: #f48771;
}

.severity-warning .col-message[b-q0fv4cayp4] {
    color: #cca700;
}

.severity-info .col-message[b-q0fv4cayp4] {
    color: #75beff;
}

.severity-hint .col-message[b-q0fv4cayp4] {
    color: #cccccc;
}

/* Light theme */
@media (prefers-color-scheme: light) {
    .unified-panel[b-q0fv4cayp4] {
        background-color: #f3f3f3;
        border-top-color: #e0e0e0;
        color: #333333;
    }

    .panel-header[b-q0fv4cayp4] {
        background-color: #e8e8e8;
        border-bottom-color: #d0d0d0;
    }

    .panel-toggle[b-q0fv4cayp4] {
        color: #333333;
    }

    .panel-toggle:hover[b-q0fv4cayp4] {
        background-color: #e0e0e0;
    }

    .panel-tab[b-q0fv4cayp4] {
        color: #333333;
    }

    .panel-tab:hover[b-q0fv4cayp4] {
        background-color: #e0e0e0;
        color: #000000;
    }

    .panel-tab.active[b-q0fv4cayp4] {
        border-bottom-color: #0078d4;
        color: #000000;
    }

    .tab-count[b-q0fv4cayp4] {
        background-color: #c0c0c0;
        color: #333333;
    }

    .panel-tab.active .tab-count[b-q0fv4cayp4] {
        background-color: #0078d4;
        color: #ffffff;
    }

    .filter-button[b-q0fv4cayp4] {
        border-color: #c0c0c0;
        color: #333333;
    }

    .filter-button:hover[b-q0fv4cayp4] {
        background-color: #d0d0d0;
        border-color: #b0b0b0;
    }

    .filter-button.active[b-q0fv4cayp4] {
        background-color: #0078d4;
        border-color: #005a9e;
        color: #ffffff;
    }

    .filter-button.active:hover[b-q0fv4cayp4] {
        background-color: #106ebe;
        border-color: #005a9e;
    }

    .panel-button[b-q0fv4cayp4] {
        border-color: #c0c0c0;
        color: #333333;
    }

    .panel-button:hover[b-q0fv4cayp4] {
        background-color: #d0d0d0;
    }

    .panel-content[b-q0fv4cayp4] {
        background-color: #ffffff;
    }

    .panel-empty[b-q0fv4cayp4] {
        color: #999999;
    }

    .panel-table thead[b-q0fv4cayp4] {
        background-color: #e8e8e8;
        border-bottom-color: #d0d0d0;
    }

    .panel-table th[b-q0fv4cayp4] {
        color: #333333;
    }

    .panel-table tbody tr[b-q0fv4cayp4] {
        border-bottom-color: #e0e0e0;
    }

    .panel-table tbody tr:hover[b-q0fv4cayp4] {
        background-color: #f0f0f0;
    }

    .col-code[b-q0fv4cayp4],
    .col-source[b-q0fv4cayp4],
    .col-location[b-q0fv4cayp4],
    .col-timestamp[b-q0fv4cayp4] {
        color: #666666;
    }

    .severity-error .col-message[b-q0fv4cayp4] {
        color: #e51400;
    }

    .severity-warning .col-message[b-q0fv4cayp4] {
        color: #bf8803;
    }

    .severity-info .col-message[b-q0fv4cayp4] {
        color: #1a85ff;
    }

    .severity-hint .col-message[b-q0fv4cayp4] {
        color: #333333;
    }
}

/* Combo Statistics Table */
.combo-stats-table[b-q0fv4cayp4] {
    table-layout: auto;
    width: auto;
}

.combo-stats-table th[b-q0fv4cayp4],
.combo-stats-table td[b-q0fv4cayp4] {
    padding: 4px 12px;
    white-space: nowrap;
}

/* Combo Statistics Columns */
.combo-stats-table .col-combo-type[b-q0fv4cayp4] {
    width: 30px;
    text-align: center;
    padding: 4px 8px;
}

.combo-stats-table th.col-combo-type[b-q0fv4cayp4] {
    text-align: center;
}

.combo-icon[b-q0fv4cayp4] {
    font-size: 16px;
    display: inline-block;
}

.combo-icon-fast[b-q0fv4cayp4] {
    color: #dcdcaa; /* Yellow for fast combos */
}

.combo-icon-regular[b-q0fv4cayp4] {
    color: #4ec9b0; /* Teal for regular combos */
}

.combo-stats-table .col-combo-name[b-q0fv4cayp4] {
    text-align: left;
    font-weight: 500;
    color: #ffffff;
    min-width: 150px;
}

.combo-stats-table th.col-combo-name[b-q0fv4cayp4] {
    text-align: left;
}

.combo-stats-table .col-steps[b-q0fv4cayp4] {
    text-align: right;
    color: #b5cea8;
    min-width: 80px;
}

.combo-stats-table th.col-steps[b-q0fv4cayp4] {
    text-align: right;
}

.combo-stats-table .col-time[b-q0fv4cayp4] {
    text-align: right;
    color: #b5cea8;
    min-width: 120px;
}

.combo-stats-table th.col-time[b-q0fv4cayp4] {
    text-align: right;
}

/* Outline Table */
.outline-table[b-q0fv4cayp4] {
    table-layout: auto;
    width: 100%;
}

.outline-table th[b-q0fv4cayp4],
.outline-table td[b-q0fv4cayp4] {
    padding: 4px 12px;
}

/* Outline Columns */
.outline-table .col-outline-icon[b-q0fv4cayp4] {
    width: 30px;
    text-align: center;
    padding: 4px 8px;
}

.outline-table th.col-outline-icon[b-q0fv4cayp4] {
    text-align: center;
}

.outline-icon[b-q0fv4cayp4] {
    font-size: 16px;
    display: inline-block;
}

.outline-table .col-outline-name[b-q0fv4cayp4] {
    text-align: left;
    font-weight: 500;
    color: #ffffff;
    width: auto;
}

.outline-table th.col-outline-name[b-q0fv4cayp4] {
    text-align: left;
}

.outline-table .col-outline-type[b-q0fv4cayp4] {
    text-align: left;
    color: #858585;
    width: auto;
    padding-left: 20px;
}

.outline-table th.col-outline-type[b-q0fv4cayp4] {
    text-align: left;
    padding-left: 20px;
}

.outline-table .col-location[b-q0fv4cayp4] {
    text-align: left;
    width: auto;
    padding-left: 20px;
}

.outline-table th.col-location[b-q0fv4cayp4] {
    text-align: left;
    padding-left: 20px;
}

@media (prefers-color-scheme: light) {
    .outline-table .col-outline-name[b-q0fv4cayp4] {
        color: #000000;
    }

    .outline-table .col-outline-type[b-q0fv4cayp4] {
        color: #666666;
    }
}
/* /Components/Zen/ZenDevicePanel.razor.rz.scp.css */
.zen-device-panel[b-er3c1hj3kh] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    background-color: #2d2d30;
    border: 1px solid #3e3e42;
    border-radius: 4px;
    transition: all 0.15s ease;
}

.zen-device-panel:hover[b-er3c1hj3kh] {
    background-color: #3e3e42;
}

/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-vcr78epko8] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

main.editor-main[b-vcr78epko8] {
    flex: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
/* /Pages/Home.razor.rz.scp.css */
/* Top toolbar styling */
.top-toolbar[b-k07noj6rps] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 12px;
    background-color: #323233;
    border-bottom: 1px solid #3e3e42;
    flex-shrink: 0;
}

.toolbar-section[b-k07noj6rps] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.toolbar-title[b-k07noj6rps] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #cccccc;
    padding: 0 8px;
}

.toolbar-actions[b-k07noj6rps] {
    gap: 2px;
}

.toolbar-separator[b-k07noj6rps] {
    width: 1px;
    height: 24px;
    background-color: #3e3e42;
    margin: 0 8px;
}

:global(.toolbar-button)[b-k07noj6rps] {
    color: #cccccc !important;
    border-radius: 4px !important;
    transition: all 0.15s ease !important;
}

:global(.toolbar-button:hover)[b-k07noj6rps] {
    background-color: #3e3e42 !important;
    color: #ffffff !important;
}

:global(.toolbar-button-text)[b-k07noj6rps] {
    color: #cccccc !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.15s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

:global(.toolbar-button-text:hover:not(:disabled))[b-k07noj6rps] {
    background-color: #3e3e42 !important;
    color: #ffffff !important;
}

:global(.toolbar-button-text:disabled)[b-k07noj6rps] {
    color: #858585 !important;
    cursor: not-allowed !important;
}

.toolbar-button-label[b-k07noj6rps] {
    font-size: 13px;
    font-weight: 500;
}

/* Editor tabs styling */
.editor-tabs-container[b-k07noj6rps] {
    display: flex;
    height: 40px;
    flex-shrink: 0;
    border-bottom: 1px solid #3e3e42;
    background-color: #2d2d30;
    align-items: center;
}

.editor-tabs[b-k07noj6rps] {
    display: flex;
    gap: 0;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 0;
}

.editor-tabs[b-k07noj6rps]::-webkit-scrollbar {
    height: 0;
}

.editor-tabs[b-k07noj6rps]::-webkit-scrollbar-thumb {
    background: transparent;
}

.editor-tab[b-k07noj6rps] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-right: 1px solid #3e3e42;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    font-size: 13px;
    color: #cccccc;
    background-color: #2d2d30;
    transition: all 0.15s ease;
    user-select: none;
    min-width: 120px;
    max-width: 200px;
}

.editor-tab:hover[b-k07noj6rps] {
    background-color: #3e3e42;
    color: #ffffff;
}

.editor-tab.active[b-k07noj6rps] {
    background-color: #1e1e1e;
    border-bottom-color: #0e639c;
    color: #ffffff;
    font-weight: 600;
}

.tab-icon[b-k07noj6rps] {
    font-size: 14px;
    flex-shrink: 0;
}

.tab-name[b-k07noj6rps] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab-close[b-k07noj6rps] {
    background: none;
    border: none;
    color: #858585;
    cursor: pointer;
    padding: 2px 4px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    border-radius: 3px;
    flex-shrink: 0;
    transition: all 0.15s ease;
}

.tab-close:hover[b-k07noj6rps] {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

/* New tab button styling */
.new-tab-button[b-k07noj6rps] {
    min-width: 40px;
    max-width: 40px;
    justify-content: center;
    padding: 8px;
    border-right: none;
}

.new-tab-button:hover[b-k07noj6rps] {
    background-color: #3e3e42;
}

/* Editor settings button styling */
.editor-settings-container[b-k07noj6rps] {
    display: flex;
    align-items: center;
    padding-right: 12px;
    flex-shrink: 0;
}

:global(.editor-settings-button)[b-k07noj6rps] {
    color: #cccccc !important;
}

:global(.editor-settings-button:hover)[b-k07noj6rps] {
    color: #ffffff !important;
    background-color: #3e3e42 !important;
}

.new-tab-button .tab-icon[b-k07noj6rps] {
    font-size: 16px;
}

/* Compile button styling */
.compile-button[b-k07noj6rps] {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #0e639c;
    border: 1px solid #1177bb;
    color: #ffffff;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.compile-button:hover:not(:disabled)[b-k07noj6rps] {
    background-color: #1177bb;
    border-color: #1a8cd8;
}

.compile-button:active:not(:disabled)[b-k07noj6rps] {
    background-color: #005a9e;
    border-color: #0e639c;
}

.compile-button:disabled[b-k07noj6rps] {
    background-color: #3e3e42;
    border-color: #4e4e52;
    color: #858585;
    cursor: not-allowed;
}

/* Build & Run button styling */
.build-run-button[b-k07noj6rps] {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #0e7c0e;
    border: 1px solid #16a316;
    color: #ffffff;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.build-run-button:hover:not(:disabled)[b-k07noj6rps] {
    background-color: #16a316;
    border-color: #1ec91e;
}

.build-run-button:active:not(:disabled)[b-k07noj6rps] {
    background-color: #0a5c0a;
    border-color: #0e7c0e;
}

.build-run-button:disabled[b-k07noj6rps] {
    background-color: #3e3e42;
    border-color: #4e4e52;
    color: #858585;
    cursor: not-allowed;
}

/* Test Stream button styling */
.test-stream-button[b-k07noj6rps] {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #c77700;
    border: 1px solid #e89500;
    color: #ffffff;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.test-stream-button:hover:not(:disabled)[b-k07noj6rps] {
    background-color: #e89500;
    border-color: #ffb300;
}

.test-stream-button:active:not(:disabled)[b-k07noj6rps] {
    background-color: #a66000;
    border-color: #c77700;
}

.test-stream-button:disabled[b-k07noj6rps] {
    background-color: #3e3e42;
    border-color: #4e4e52;
    color: #858585;
    cursor: not-allowed;
}

/* Drag and drop styling */
.drop-zone[b-k07noj6rps] {
    position: relative;
}

.drop-zone.drag-over[b-k07noj6rps]::after {
    content: 'Drop .gpc files here';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(14, 99, 156, 0.2);
    border: 2px dashed #0e639c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #0e639c;
    z-index: 1000;
    pointer-events: none;
}

/* Force the monaco editor container to take full height */
:global(.monaco-editor-container)[b-k07noj6rps] {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

:global(.monaco-editor)[b-k07noj6rps] {
    width: 100% !important;
    height: 100% !important;
    flex: 1 !important;
}

:global(.monaco-scrollable-element)[b-k07noj6rps] {
    width: 100% !important;
    height: 100% !important;
}

/* Make the minimap larger and more visible */
:global(.minimap)[b-k07noj6rps] {
    width: 120px !important;
}

:global(.minimap-canvas)[b-k07noj6rps] {
    width: 120px !important;
}