/* Panel level editor cua CubeTapSort. Nen trang (#14161c), chu (#c9ced8), font va cuon do PearzCI lo. */
.lt-panel {
    box-sizing: border-box;
    max-width: 720px;
    padding: 20px 24px;
}

.lt-panel *,
.lt-panel *::before,
.lt-panel *::after {
    box-sizing: inherit;
}

.lt-title {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 600;
    color: #eef1f6;
}

.lt-game {
    margin: 0 0 16px;
    font-size: 13px;
    color: #8b93a3;
}

.lt-game-ok { color: #6fd08c; }
.lt-game-error { color: #ff8589; }

.lt-label {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #8b93a3;
}

.lt-json {
    display: block;
    width: 100%;
    min-height: 240px;
    padding: 12px;
    resize: vertical;
    border: 1px solid #2c313c;
    border-radius: 6px;
    background: #0d0f14;
    color: #e3e7ee;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.5;
    tab-size: 2;
}

.lt-json:focus-visible,
.lt-btn:focus-visible {
    outline: 2px solid #6ea8fe;
    outline-offset: 1px;
}

.lt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.lt-btn {
    min-width: 84px;
    padding: 8px 16px;
    border: 1px solid #353b48;
    border-radius: 6px;
    background: #232732;
    color: #e3e7ee;
    font: inherit;
    font-size: 14px;
    cursor: pointer;
}

.lt-btn:hover { background: #2c313e; }
.lt-btn:active { background: #1b1e27; }

.lt-btn-primary {
    border-color: #3d6fd6;
    background: #2f5fc4;
    color: #fff;
}

.lt-btn-primary:hover { background: #3a6bd2; }
.lt-btn-primary:active { background: #2852aa; }

.lt-status {
    min-height: 1.5em;
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.lt-status-ok { color: #6fd08c; }
.lt-status-warn { color: #f0c36a; }
.lt-status-error { color: #ff8589; }