.mini-panel [hidden] { display: none !important; }
.mini-pair, .mini-audio { display: grid; gap: 8px; }
.mini-pair label { font-weight: 600; }
.mini-code {
    box-sizing: border-box;
    width: 100%;
    padding: 7px 12px;
    font: 600 18px/1.3 monospace;
    letter-spacing: .18em;
    color: #fff;
    background: #170d25;
    border: 1px solid #9d84af;
    border-radius: 8px;
}
.mini-panel .mini-connect, .mini-panel .mini-enable {
    background: #cdaffb;
    color: #251039;
    border-radius: 8px;
    min-height: 38px;
}
.mini-notice { margin: 0; color: #fae0b8; }

.mini-panel .mini-mode {
    min-height: 40px;
    border: 1px solid #9d84af;
    border-radius: 8px;
}

.mini-guide { padding: 9px 11px; border: 1px solid #79628c; border-radius: 9px; }
.mini-guide summary { cursor: pointer; font-weight: 650; }
.mini-guide ol { padding-inline-start: 1.35rem; margin: .6rem 0; }
.mini-guide li + li { margin-top: .4rem; }
.mini-guide p { margin: .5rem 0 0; color: #e0d0fc; }