.unicode-screen{--unicode-accent: #0f766e;--unicode-accent-soft: rgba(204, 251, 241, .7);--unicode-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .96))}.unicode-screen .unicode-setup-panel{border:1px solid rgba(15,23,42,.1);border-radius:.9rem;padding:.85rem .95rem;margin-bottom:1rem;background:linear-gradient(180deg,#fffffffa,#f8fafcf0),linear-gradient(135deg,var(--unicode-accent-soft),rgba(255,255,255,0));box-shadow:0 12px 28px -24px #0f172a66}.unicode-screen .unicode-kicker{color:#0f766e;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:.2rem}.unicode-screen .unicode-progress-badge{display:inline-flex;align-items:center;border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:.4rem .7rem;background:#ffffffeb;color:#334155;font-size:.8rem;font-weight:600}.unicode-screen .tab-content{padding-top:20px}.unicode-screen .tbpad{padding-left:10px;padding-right:10px}.unicode-screen form>div>div>.form-group{margin-bottom:30px}.unicode-screen .code_buttons{border-bottom:1px solid #ddd;font-size:.85em;background:#f7f7f7;text-align:left;padding:6px 8px 4px;display:grid}.unicode-screen .go_right{float:right;text-align:right}.unicode-screen .buttonsm{background-color:#ddd;border-bottom:2px solid #ccc;border-left:0;border-radius:3px;border-right:0;border-top:0;color:#000;cursor:pointer;display:inline-block;font-family:segoe ui,trebuchet MS,Lucida Sans Unicode,Lucida Sans,sans-serif;font-size:12px;font-weight:400;height:18px;line-height:18px;text-align:center;text-decoration:none;padding:0 6px;opacity:.75;margin:0 0 0 8px}.unicode-screen .unicode-tools-meta,.unicode-screen .unicode-panel,.unicode-screen .unicode-tool-head{border:1px solid #e2e6ea;border-radius:4px;padding:10px;background:#fafbfc;margin-bottom:14px}.unicode-screen .unicode-tool-head{background:#f2f6fb}.unicode-screen .unicode-tools-meta .form-inline label{margin-bottom:0}.unicode-screen .unicode-banner{border-radius:4px;padding:10px;margin-bottom:12px;border:1px solid #d6dee7;background:#f8fbff}.unicode-screen .unicode-banner.is-ok{border-color:#b9e2cb;background:#f1fbf5}.unicode-screen .unicode-banner.is-warn{border-color:#f2d9a6;background:#fff8ea}.unicode-screen .unicode-banner.is-error{border-color:#f1b5b5;background:#fff1f1}.unicode-screen .unicode-banner-title{font-weight:600}.unicode-screen #selNormalize,.unicode-screen #utf8Mode,.unicode-screen #utf16Endian,.unicode-screen #utf32Endian{width:auto;display:inline-block;margin-left:8px}.unicode-screen #unicodeDiag,.unicode-screen #unicodeDetectMsg{margin-top:4px}.unicode-screen .unicode-actions{display:flex;flex-wrap:wrap;gap:6px}.unicode-screen .unicode-actions .buttonsm{margin-left:0}.unicode-screen .unicode-preview{min-height:78px;max-height:180px;overflow:auto;margin:0;padding:8px;background:#fff;border:1px solid #e4e8ee}.unicode-screen .unicode-preview .diff-char.changed{background:#ffedb3}.unicode-screen .unicode-preview .diff-char.removed{background:#ffd5d5}.unicode-screen .unicode-preview .diff-char.added{background:#d5f5da}.unicode-screen .char-list{border:1px solid #e4e8ee;border-radius:4px;min-height:42px;padding:6px;background:#fff;white-space:pre-wrap;word-break:break-all}.unicode-screen .char-chip{display:inline-block;padding:2px 5px;margin:2px;border:1px solid #d7dde5;border-radius:3px;font-family:monospace;cursor:pointer;background:#f8fbff}.unicode-screen .char-chip.active{background:#ddeefe;border-color:#87b7ea}.unicode-screen .byte-grid{border:1px solid #e4e8ee;border-radius:4px;background:#fff;padding:8px;min-height:42px;max-height:220px;overflow:auto;font-family:monospace;font-size:12px}.unicode-screen .byte-row{margin-bottom:4px}.unicode-screen .byte-row .offset{color:#666;margin-right:8px}.unicode-screen .byte-row .invalid{color:#b30000;font-weight:600}[data-bs-theme=dark] .unicode-screen{--unicode-accent: #34d399;--unicode-accent-soft: rgba(6, 78, 59, .6);--unicode-panel-bg: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(17, 24, 39, .96))}[data-bs-theme=dark] .unicode-screen .unicode-setup-panel,[data-bs-theme=dark] .unicode-screen .unicode-tools-meta,[data-bs-theme=dark] .unicode-screen .unicode-panel,[data-bs-theme=dark] .unicode-screen .unicode-tool-head{background:linear-gradient(180deg,#0f172afa,#111827f5),linear-gradient(135deg,#34d39914,#0f172a00);border-color:#94a3b833}[data-bs-theme=dark] .unicode-screen .unicode-kicker{color:#6ee7b7}[data-bs-theme=dark] .unicode-screen .unicode-progress-badge,[data-bs-theme=dark] .unicode-screen .buttonsm,[data-bs-theme=dark] .unicode-screen .unicode-preview,[data-bs-theme=dark] .unicode-screen .char-list,[data-bs-theme=dark] .unicode-screen .byte-grid{background:#0f172ae0;border-color:#94a3b83d;color:#e2e8f0}[data-bs-theme=dark] .unicode-screen .unicode-banner.is-ok{border-color:#10b98159;background:#064e3b61}[data-bs-theme=dark] .unicode-screen .unicode-banner.is-warn{border-color:#f59e0b59;background:#78350f4d}[data-bs-theme=dark] .unicode-screen .unicode-banner.is-error{border-color:#ef444459;background:#7f1d1d59}[data-bs-theme=dark] .unicode-screen .unicode-preview .diff-char.changed{background:#fbbf2452}[data-bs-theme=dark] .unicode-screen .unicode-preview .diff-char.removed{background:#f8717147}[data-bs-theme=dark] .unicode-screen .unicode-preview .diff-char.added{background:#4ade8047}[data-bs-theme=dark] .unicode-screen .char-chip.active{background:#3b82f659;border-color:#60a5fa99}@media(max-width:767.98px){.unicode-screen .unicode-setup-panel{padding:.75rem}.unicode-screen .unicode-progress-badge{margin-top:.55rem}.unicode-screen .tbpad{padding-left:0;padding-right:0}.unicode-screen .form-inline{display:block}.unicode-screen .buttonsm{margin-left:6px;margin-top:4px}}