/**
* 外观面板（右下角）— 结构基线 + 三主题皮肤。
* 皮肤通过 html[data-mc-theme] 区分，颜色变量取自各主题。
* DOM 契约由 shared/js/theme-switcher.js 生成（逻辑与事件绑定不变），
* 本文件只负责视觉：Aether 宣纸印章卡 / Ember 硬边黑框盒 / Starter 赛博 HUD 胶囊。
*/
/* ==================== 结构基线 ==================== */
.mc-appearance { position: fixed; right: 20px; bottom: 20px; z-index: 1000; }
.mc-appearance__trigger {
display: inline-flex; align-items: center; gap: 8px;
font-size: 12.5px; font-weight: 600;
padding: 9px 14px; border-radius: 999px;
cursor: pointer; border: 1px solid transparent;
}
.mc-appearance__icon svg { width: 15px; height: 15px; display: block; stroke-width: 2; }
.mc-appearance__theme { opacity: 0.65; font-size: 11px; }
.mc-appearance__panel {
position: absolute; right: 0; bottom: calc(100% + 12px);
width: 320px; max-width: calc(100vw - 40px);
max-height: min(70vh, 560px); overflow-y: auto;
border-radius: 14px; padding: 16px;
font-size: 13px;
}
.mc-appearance__head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
.mc-appearance__eyebrow { font-size: 10.5px; letter-spacing: 0.16em; opacity: 0.55; margin-bottom: 3px; }
.mc-appearance__title { font-size: 15px; margin: 0; }
.mc-appearance__close {
width: 28px; height: 28px; border-radius: 8px;
border: 0; background: transparent; color: inherit;
font-size: 16px; cursor: pointer; opacity: 0.6;
}
.mc-appearance__close:hover { opacity: 1; }
.mc-appearance__group { margin-bottom: 14px; }
.mc-appearance__group-title {
display: flex; justify-content: space-between; align-items: baseline; gap: 10px;
font-size: 11.5px; opacity: 0.6; margin-bottom: 8px;
}
.mc-appearance__group-title span:last-child { font-size: 10.5px; opacity: 0.75; text-align: right; }
.mc-appearance__options { display: flex; flex-direction: column; gap: 6px; }
.mc-appearance__option {
display: flex; justify-content: space-between; align-items: center; gap: 10px;
width: 100%; text-align: left;
padding: 9px 12px; border-radius: 10px;
border: 1px solid transparent; background: transparent;
color: inherit; cursor: pointer; font-size: 13px;
}
.mc-appearance__option strong { display: block; font-size: 13px; }
.mc-appearance__option small { display: block; opacity: 0.55; font-size: 11px; margin-top: 2px; }
.mc-appearance__check { flex-shrink: 0; font-size: 12px; }
.mc-appearance__swatches { display: flex; gap: 8px; flex-wrap: wrap; }
.mc-appearance__swatch {
width: 26px; height: 26px; border-radius: 50%;
border: 2px solid transparent; cursor: pointer;
background: var(--swatch, transparent);
display: inline-flex; align-items: center; justify-content: center;
padding: 0;
}
.mc-appearance__swatch:first-child { background: conic-gradient(#34d399, #39c6d4, #e6b93f, #d46a58, #34d399); }
.mc-appearance__swatch[aria-pressed='true'] { border-color: currentColor; }
.mc-appearance__swatch--custom input { width: 22px; height: 22px; padding: 0; border: 0; background: none; cursor: pointer; }
.mc-appearance__swatch--custom { border: 1px dashed currentColor; opacity: 0.8; }
.mc-appearance__segmented { display: flex; gap: 4px; }
.mc-appearance__segmented button {
flex: 1; padding: 6px 4px; font-size: 12px;
border: 1px solid transparent; border-radius: 8px;
background: transparent; color: inherit; cursor: pointer; opacity: 0.65;
}
.mc-appearance__segmented button[aria-pressed='true'] { opacity: 1; font-weight: 700; }
.mc-appearance__actions { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid transparent; padding-top: 10px; }
.mc-appearance__action {
background: none; border: 0; color: inherit;
font-size: 12px; text-align: left; padding: 4px 2px;
cursor: pointer; opacity: 0.55;
}
.mc-appearance__action:hover { opacity: 1; text-decoration: underline; }
/* ============ Orbital（赛博 HUD 胶囊） ============ */
html[data-mc-theme='starter'] .mc-appearance__trigger {
position: relative;
background: rgba(8, 13, 24, 0.78);
color: #e6edf7;
border: 1px solid color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 42%, transparent);
border-radius: 999px;
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
font-family: 'JetBrains Mono', Consolas, monospace;
letter-spacing: 0.06em;
box-shadow:
0 8px 30px rgba(0, 0, 0, 0.45),
0 0 18px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 22%, transparent),
inset 0 1px 0 rgba(255, 255, 255, 0.07);
transition: box-shadow 0.25s, border-color 0.25s, transform 0.2s;
}
/* HUD 外沿瞄准角标 */
html[data-mc-theme='starter'] .mc-appearance__trigger::before {
content: '';
position: absolute;
inset: -5px;
--cc: color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 55%, transparent);
background:
linear-gradient(var(--cc), var(--cc)) left top / 8px 1.5px,
linear-gradient(var(--cc), var(--cc)) left top / 1.5px 8px,
linear-gradient(var(--cc), var(--cc)) right bottom / 8px 1.5px,
linear-gradient(var(--cc), var(--cc)) right bottom / 1.5px 8px;
background-repeat: no-repeat;
opacity: 0.9;
pointer-events: none;
}
html[data-mc-theme='starter'] .mc-appearance__trigger:hover {
border-color: color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 70%, transparent);
box-shadow:
0 8px 30px rgba(0, 0, 0, 0.45),
0 0 26px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 38%, transparent),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transform: translateY(-1px);
}
html[data-mc-theme='starter'] .mc-appearance__icon { color: var(--color-accent, var(--state-accent, #34d399)); }
html[data-mc-theme='starter'] .mc-appearance__theme { color: var(--color-accent, var(--state-accent, #34d399)); opacity: 0.9; letter-spacing: 0.12em; }
html[data-mc-theme='starter'] .mc-appearance__panel {
background: rgba(9, 14, 26, 0.92);
color: #e6edf7;
border: 1px solid color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 20%, transparent);
border-radius: 16px;
backdrop-filter: blur(22px);
-webkit-backdrop-filter: blur(22px);
box-shadow:
0 24px 70px rgba(0, 0, 0, 0.6),
0 0 30px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 10%, transparent),
inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
/* HUD 网格底纹 */
html[data-mc-theme='starter'] .mc-appearance__panel {
background-image:
linear-gradient(color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 5%, transparent) 1px, transparent 1px),
linear-gradient(90deg, color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 5%, transparent) 1px, transparent 1px);
background-size: 34px 34px;
}
html[data-mc-theme='starter'] .mc-appearance__panel::before {
content: '';
position: absolute;
inset: 6px;
--cc: color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 55%, transparent);
background:
linear-gradient(var(--cc), var(--cc)) left top / 9px 1.5px,
linear-gradient(var(--cc), var(--cc)) left top / 1.5px 9px,
linear-gradient(var(--cc), var(--cc)) right top / 9px 1.5px,
linear-gradient(var(--cc), var(--cc)) right top / 1.5px 9px,
linear-gradient(var(--cc), var(--cc)) left bottom / 9px 1.5px,
linear-gradient(var(--cc), var(--cc)) left bottom / 1.5px 9px,
linear-gradient(var(--cc), var(--cc)) right bottom / 9px 1.5px,
linear-gradient(var(--cc), var(--cc)) right bottom / 1.5px 9px;
background-repeat: no-repeat;
opacity: 0.85;
pointer-events: none;
filter: drop-shadow(0 0 4px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 50%, transparent));
}
html[data-mc-theme='starter'] .mc-appearance__head {
border-bottom: 1px dashed color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 28%, transparent);
padding-bottom: 10px;
}
html[data-mc-theme='starter'] .mc-appearance__eyebrow { color: var(--color-accent, var(--state-accent, #34d399)); font-family: 'JetBrains Mono', Consolas, monospace; letter-spacing: 0.22em; opacity: 0.9; }
html[data-mc-theme='starter'] .mc-appearance__eyebrow::before { content: '▸ '; }
html[data-mc-theme='starter'] .mc-appearance__option { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.07); transition: background 0.2s, border-color 0.2s, box-shadow 0.2s; }
html[data-mc-theme='starter'] .mc-appearance__option:hover { background: rgba(255, 255, 255, 0.08); border-color: color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 30%, transparent); }
html[data-mc-theme='starter'] .mc-appearance__option[aria-checked='true'] {
border-color: var(--color-accent, var(--state-accent, #34d399));
box-shadow: 0 0 14px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 20%, transparent), inset 0 0 12px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 6%, transparent);
}
html[data-mc-theme='starter'] .mc-appearance__option[aria-checked='true'] .mc-appearance__check { color: var(--color-accent, var(--state-accent, #34d399)); }
html[data-mc-theme='starter'] .mc-appearance__swatch { border-radius: 6px; }
html[data-mc-theme='starter'] .mc-appearance__swatch:first-child { border-radius: 6px; }
html[data-mc-theme='starter'] .mc-appearance__swatch[aria-pressed='true'] { border-color: var(--color-accent, var(--state-accent, #34d399)); box-shadow: 0 0 10px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 45%, transparent); }
html[data-mc-theme='starter'] .mc-appearance__segmented { background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 3px; }
html[data-mc-theme='starter'] .mc-appearance__segmented button { font-family: 'JetBrains Mono', Consolas, monospace; letter-spacing: 0.04em; }
html[data-mc-theme='starter'] .mc-appearance__segmented button[aria-pressed='true'] {
background: color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 26%, transparent);
color: #fff;
box-shadow: 0 0 10px color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 25%, transparent);
}
html[data-mc-theme='starter'] .mc-appearance__actions { border-top: 1px dashed color-mix(in srgb, var(--color-accent, var(--state-accent, #34d399)) 22%, transparent); }
html[data-mc-theme='starter'] .mc-appearance__action { font-family: 'JetBrains Mono', Consolas, monospace; }
html[data-mc-theme='starter'] .mc-appearance__action:hover { color: var(--color-accent, var(--state-accent, #34d399)); text-decoration: none; }
html[data-mc-theme='starter'] .mc-appearance__close:hover { color: var(--color-accent, var(--state-accent, #34d399)); }
/* ============ Inkwash（宣纸印章卡） ============ */
html[data-mc-theme='aether'] .mc-appearance__trigger {
background: #fffdf7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
color: #211d17;
border: 1px solid rgba(33, 29, 23, 0.28);
border-top: 3px double var(--color-accent, #c2571f);
border-radius: 3px;
font-family: 'Songti SC', 'STSong', 'SimSun', serif;
letter-spacing: 0.12em;
box-shadow: 0 4px 18px rgba(33, 29, 23, 0.14), inset 0 0 12px rgba(194, 87, 31, 0.04);
}
html[data-mc-theme='aether'] .mc-appearance__icon {
color: #f8f3e8;
background: var(--color-accent, #c2571f);
border-radius: 3px;
padding: 2px;
transform: rotate(-4deg);
box-shadow: 1px 1.5px 0 rgba(33, 29, 23, 0.3);
}
html[data-mc-theme='aether'] .mc-appearance__icon svg { width: 11px; height: 11px; }
html[data-mc-theme='aether'] .mc-appearance__theme { color: var(--color-accent, #c2571f); opacity: 0.85; letter-spacing: 0.18em; }
html[data-mc-theme='aether'] .mc-appearance__panel {
background: #fffdf7;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
color: #211d17;
border: 1px solid rgba(33, 29, 23, 0.22);
border-top: 3px double var(--color-accent, #c2571f);
outline: 3px double rgba(33, 29, 23, 0.14);
outline-offset: 4px;
border-radius: 4px;
box-shadow: 0 20px 60px rgba(33, 29, 23, 0.2);
}
html[data-mc-theme='aether'] .mc-appearance__head { border-bottom: 1px solid rgba(33, 29, 23, 0.14); padding-bottom: 10px; }
html[data-mc-theme='aether'] .mc-appearance__eyebrow { color: var(--color-accent, #c2571f); letter-spacing: 0.3em; opacity: 0.9; }
html[data-mc-theme='aether'] .mc-appearance__title { font-family: 'Songti SC', 'STSong', 'SimSun', serif; letter-spacing: 0.18em; }
html[data-mc-theme='aether'] .mc-appearance__close { border: 1px solid rgba(33, 29, 23, 0.25); border-radius: 3px; opacity: 0.8; }
html[data-mc-theme='aether'] .mc-appearance__close:hover { color: var(--color-accent, #c2571f); border-color: var(--color-accent, #c2571f); }
html[data-mc-theme='aether'] .mc-appearance__swatch { border-radius: 3px; }
html[data-mc-theme='aether'] .mc-appearance__swatch:first-child { border-radius: 3px; }
html[data-mc-theme='aether'] .mc-appearance__swatch[aria-pressed='true'] { border-color: #211d17; box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent, #c2571f) 45%, transparent); }
html[data-mc-theme='aether'] .mc-appearance__option { border-color: rgba(33, 29, 23, 0.12); border-radius: 3px; }
html[data-mc-theme='aether'] .mc-appearance__option:hover { border-color: rgba(33, 29, 23, 0.35); }
html[data-mc-theme='aether'] .mc-appearance__option[aria-checked='true'] {
border-color: var(--color-accent, #c2571f);
box-shadow: inset 3px 0 0 var(--color-accent, #c2571f);
background: color-mix(in srgb, var(--color-accent, #c2571f) 6%, transparent);
}
html[data-mc-theme='aether'] .mc-appearance__option[aria-checked='true'] .mc-appearance__check { color: var(--color-accent, #c2571f); }
html[data-mc-theme='aether'] .mc-appearance__segmented { gap: 6px; }
html[data-mc-theme='aether'] .mc-appearance__segmented button { border-color: rgba(33, 29, 23, 0.16); border-radius: 3px; letter-spacing: 0.1em; }
html[data-mc-theme='aether'] .mc-appearance__segmented button[aria-pressed='true'] {
border-color: var(--color-accent, #c2571f);
color: var(--color-accent, #c2571f);
background: color-mix(in srgb, var(--color-accent, #c2571f) 7%, transparent);
}
html[data-mc-theme='aether'] .mc-appearance__actions { border-top: 1px dashed rgba(33, 29, 23, 0.2); }
html[data-mc-theme='aether'] .mc-appearance__action:hover { color: var(--color-accent, #c2571f); text-decoration: none; }
/* Inkwash 夜览：按钮与面板随夜色翻转 */
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__trigger {
background: #171e29;
color: #ddd8c9;
border-color: rgba(221, 216, 201, 0.28);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
}
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__panel {
background: #171e29;
color: #ddd8c9;
border-color: rgba(221, 216, 201, 0.22);
outline-color: rgba(221, 216, 201, 0.14);
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__head { border-bottom-color: rgba(221, 216, 201, 0.14); }
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__close { border-color: rgba(221, 216, 201, 0.25); }
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__option { border-color: rgba(221, 216, 201, 0.14); }
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__option:hover { border-color: rgba(221, 216, 201, 0.4); }
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__option[aria-checked='true'] { border-color: var(--color-accent, #c2571f); }
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__segmented button { border-color: rgba(221, 216, 201, 0.16); }
html[data-mc-theme='aether'][data-notes-scheme='night'] .mc-appearance__actions { border-top-color: rgba(221, 216, 201, 0.14); }
/* ============ Poster（硬边黑框盒） ============ */
html[data-mc-theme='ember'] .mc-appearance {
font-family: 'Inter', 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
}
html[data-mc-theme='ember'] .mc-appearance__trigger {
background: #f2efe7;
color: #141414;
border: 2.5px solid #141414;
border-radius: 0;
box-shadow: 4px 4px 0 #141414;
font-family: 'JetBrains Mono', 'Inter', sans-serif;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
transform: skewX(-4deg);
transition: transform 0.15s, box-shadow 0.15s;
}
html[data-mc-theme='ember'] .mc-appearance__trigger:hover { transform: skewX(-4deg) translate(-1px, -1px); box-shadow: 5px 5px 0 #141414; }
html[data-mc-theme='ember'] .mc-appearance__trigger:active { transform: skewX(-4deg) translate(2px, 2px); box-shadow: 2px 2px 0 #141414; }
html[data-mc-theme='ember'] .mc-appearance__icon { color: var(--color-accent, #ff4d00); }
html[data-mc-theme='ember'] .mc-appearance__theme {
background: #ccff00;
color: #141414;
padding: 1px 6px;
opacity: 1;
font-weight: 800;
border: 2px solid #141414;
}
html[data-mc-theme='ember'] .mc-appearance__trigger::before { content: '[ '; opacity: 0.5; }
html[data-mc-theme='ember'] .mc-appearance__trigger::after { content: ' ]'; opacity: 0.5; }
html[data-mc-theme='ember'] .mc-appearance__panel {
background: #f2efe7;
color: #141414;
border: 3px solid #141414;
border-radius: 0;
box-shadow: 8px 8px 0 #141414;
padding: 28px 18px 18px;
}
/* ember 夜间：ZEPHYR NIGHT 夜色印刷面板 */
html[data-mc-theme='ember'][data-theme='dark'] .mc-appearance__panel {
background: #0c0d12;
color: #ece6da;
border-color: #ece6da;
box-shadow: 8px 8px 0 #ece6da;
}
html[data-mc-theme='ember'][data-theme='dark'] .mc-appearance__head { border-bottom-color: #ece6da; }
html[data-mc-theme='ember'][data-theme='dark'] .mc-appearance__close { border-color: #ece6da; box-shadow: 2px 2px 0 #ece6da; }
html[data-mc-theme='ember'][data-theme='dark'] .mc-appearance__theme { border-color: #ece6da; }
html[data-mc-theme='ember'][data-theme='dark'] .mc-appearance__panel::before { border-bottom-color: #ece6da; }
/* 面板顶部警戒细条 */
html[data-mc-theme='ember'] .mc-appearance__panel::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 8px;
background: repeating-linear-gradient(-45deg, #ccff00 0 12px, #141414 12px 24px);
border-bottom: 2.5px solid #141414;
pointer-events: none;
}
html[data-mc-theme='ember'] .mc-appearance__head { border-bottom: 3px solid #141414; padding-bottom: 10px; }
html[data-mc-theme='ember'] .mc-appearance__eyebrow {
display: inline-block;
background: #ccff00;
color: #141414;
padding: 2px 8px;
border: 2px solid #141414;
font-family: 'JetBrains Mono', Consolas, monospace;
font-weight: 800;
letter-spacing: 0.2em;
opacity: 1;
transform: skewX(-6deg);
}
html[data-mc-theme='ember'] .mc-appearance__title { font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; }
html[data-mc-theme='ember'] .mc-appearance__close { border: 2.5px solid #141414; border-radius: 0; opacity: 1; font-weight: 800; box-shadow: 2px 2px 0 #141414; }
html[data-mc-theme='ember'] .mc-appearance__close:hover { background: var(--color-accent, #ff4d00); color: #fff; }
html[data-mc-theme='ember'] .mc-appearance__group-title { font-family: 'JetBrains Mono', Consolas, monospace; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.75; }
html[data-mc-theme='ember'] .mc-appearance__option { border: 2px solid rgba(20, 20, 20, 0.28); border-radius: 0; }
html[data-mc-theme='ember'] .mc-appearance__option:hover { border-color: #141414; }
html[data-mc-theme='ember'] .mc-appearance__option[aria-checked='true'] { border-color: #141414; box-shadow: 3px 3px 0 #141414; background: color-mix(in srgb, var(--color-accent, #ff4d00) 10%, #f2efe7); }
html[data-mc-theme='ember'] .mc-appearance__option[aria-checked='true'] .mc-appearance__check { color: var(--color-accent, #ff4d00); }
html[data-mc-theme='ember'] .mc-appearance__swatch { border-radius: 0; border: 2px solid #141414; }
html[data-mc-theme='ember'] .mc-appearance__swatch:first-child { border-radius: 0; }
html[data-mc-theme='ember'] .mc-appearance__swatch[aria-pressed='true'] { box-shadow: 2px 2px 0 #141414; }
html[data-mc-theme='ember'] .mc-appearance__swatch--custom { border: 2px dashed #141414; opacity: 1; }
html[data-mc-theme='ember'] .mc-appearance__segmented { gap: 6px; }
html[data-mc-theme='ember'] .mc-appearance__segmented button { border: 2px solid rgba(20, 20, 20, 0.28); border-radius: 0; font-family: 'JetBrains Mono', Consolas, monospace; font-weight: 700; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }
html[data-mc-theme='ember'] .mc-appearance__segmented button[aria-pressed='true'] { border-color: #141414; background: var(--color-accent, #ff4d00); color: #fff; box-shadow: 2px 2px 0 #141414; }
html[data-mc-theme='ember'] .mc-appearance__actions { border-top: 3px solid #141414; }
html[data-mc-theme='ember'] .mc-appearance__action { font-family: 'JetBrains Mono', Consolas, monospace; text-transform: uppercase; letter-spacing: 0.06em; }
html[data-mc-theme='ember'] .mc-appearance__action:hover { color: var(--color-accent, #ff4d00); text-decoration: none; }
@media (max-width: 640px) {
.mc-appearance { right: 12px; bottom: 12px; }
}