/* public/assets/css/tools/text/minecraft-color.css */

.mc-workspace {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 32px;
}

@media (max-width: 900px) {
    .mc-workspace { grid-template-columns: 1fr; }
}

.mc-panel {
    background: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
}

.mc-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.mc-panel-header h3, .mc-panel-title {
    margin: 0;
    font-size: 1.15rem;
    color: var(--text-main);
}
.mc-panel-title { margin-bottom: 20px; }

/* 按钮样式 */
.mc-actions {
    display: flex;
    gap: 8px;
}
.mc-btn-outline {
    background: transparent; border: 1px solid var(--border-color);
    color: var(--text-main); padding: 8px 16px; border-radius: 8px;
    font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: all 0.2s;
}
.mc-btn-outline:hover { background: rgba(0,0,0,0.05); }

.mc-btn-primary {
    background: var(--primary-color); color: #fff; border: none;
    padding: 8px 16px; border-radius: 8px; font-size: 0.9rem;
    font-weight: 600; cursor: pointer; transition: all 0.2s;
}
.mc-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(var(--primary-rgb, 0, 102, 204), 0.3); }

/* 输入区 */
.mc-textarea {
    width: 100%;
    min-height: 180px;
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 16px;
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--text-main);
    resize: vertical;
    outline: none;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}
.mc-textarea:focus { border-color: var(--primary-color); }

/* 快捷工具栏 */
.mc-toolbar {
    margin-top: 16px;
    padding: 16px;
    background: var(--bg-body);
    border-radius: 8px;
    border: 1px solid var(--border-color);
}
.mc-toolbar-label { font-size: 0.9rem; font-weight: 600; margin-bottom: 10px; color: var(--text-muted); }
.mc-swatch-group { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.mc-swatch-group:last-child { margin-bottom: 0; }

.mc-btn-swatch {
    width: 32px; height: 32px; border-radius: 6px; border: 2px solid rgba(0,0,0,0.1);
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-family: monospace; transition: transform 0.1s;
}
.mc-btn-swatch:hover { transform: scale(1.1); border-color: var(--primary-color); z-index: 10; }
.mc-swatch-text { width: auto; padding: 0 10px; background: var(--bg-surface); color: var(--text-main); font-size: 0.9rem; }

/* 预览区 (Minecraft 游戏内风格) */
.mc-preview-container {
    flex: 1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjQiIGZpbGw9IiM2Njg4YjMiLz48cmVjdCB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBmaWxsPSIjN2JiMmQ5Ii8+PC9zdmc+'); /* Dirt/Stone like pattern fallback */
    background-color: #6a8caf; /* 类似蓝天背景 */
    background-size: 40px;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    align-items: flex-end;
}

.mc-preview-box {
    width: 100%;
    background: rgba(0, 0, 0, 0.5); /* 半透明黑底聊天框 */
    padding: 16px;
    border-radius: 4px;
    min-height: 100px;
    
    font-family: 'Minecraft', 'Courier New', Courier, monospace;
    font-size: 1.2rem;
    line-height: 1.5;
    word-break: break-all;
    white-space: pre-wrap;
    /* 关键的 MC 像素阴影 */
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8);
}

/* 所有的 MC 颜色定义 */
.mc-text-0 { color: #000000; text-shadow: none; }
.mc-text-1 { color: #0000AA; }
.mc-text-2 { color: #00AA00; }
.mc-text-3 { color: #00AAAA; }
.mc-text-4 { color: #AA0000; }
.mc-text-5 { color: #AA00AA; }
.mc-text-6 { color: #FFAA00; }
.mc-text-7 { color: #AAAAAA; }
.mc-text-8 { color: #555555; }
.mc-text-9 { color: #5555FF; }
.mc-text-a { color: #55FF55; }
.mc-text-b { color: #55FFFF; }
.mc-text-c { color: #FF5555; }
.mc-text-d { color: #FF55FF; }
.mc-text-e { color: #FFFF55; }
.mc-text-f { color: #FFFFFF; }

/* 样式代码 */
.mc-format-l { font-weight: bold; }
.mc-format-m { text-decoration: line-through; }
.mc-format-n { text-decoration: underline; }
.mc-format-o { font-style: italic; }
.mc-format-k { animation: obfuscate 0.1s infinite; background: #fff; color: #fff; } /* 乱码遮挡效果模拟 */

@keyframes obfuscate {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.9; }
}

/* 底部字典表 */
.mc-table-panel {
    background: var(--bg-surface); border: 1px solid var(--border-color);
    border-radius: var(--radius-lg); padding: 24px;
}
.mc-table-wrapper { overflow-x: auto; }
.mc-data-table { width: 100%; border-collapse: collapse; text-align: left; }
.mc-data-table th, .mc-data-table td { padding: 12px 16px; border-bottom: 1px solid var(--border-color); }
.mc-data-table th { background: rgba(0,0,0,0.02); font-weight: 600; color: var(--text-muted); }
.mc-code-tag { font-family: monospace; font-weight: 700; color: var(--primary-color); background: rgba(var(--primary-rgb,0,102,204),0.1); padding: 4px 8px; border-radius: 4px; }
.mc-demo-box { background: rgba(0,0,0,0.6); padding: 8px 12px; border-radius: 4px; text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.8); display: inline-block; }

/* Toast */
.mc-toast {
    position: fixed; top: 24px; left: 50%; transform: translate(-50%, -20px);
    background: #10b981; color: #fff; padding: 12px 24px; border-radius: 50px;
    font-weight: 600; box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);
    opacity: 0; visibility: hidden; transition: all 0.4s; z-index: 9999;
}
.mc-toast.show { transform: translate(-50%, 0); opacity: 1; visibility: visible; }

[data-theme="dark"] .mc-btn-outline:hover { background: rgba(255,255,255,0.05); }
[data-theme="dark"] .mc-data-table th { background: rgba(255,255,255,0.02); }