@font-face {font-family: 'Monocraft';src: url('https://cdn.jsdelivr.net/gh/IdreesInc/Monocraft@main/dist/Monocraft-ttf/Monocraft.ttf') format('truetype');font-weight: normal;font-style: normal;font-display: swap;}:root {--bg:#13082b;--bg-soft: #10141d;--card-2: #1b2232;--border: rgba(255, 255, 255, 0.09);--border-strong: rgba(255, 255, 255, 0.16);--text:#e8e0f5;--muted: #9480bb;--accent: #a100a1;--accent-2: #c800c8;--accent-ink: #e8e0f5;--danger: #ff6b6b;--radius: 14px;--radius-sm: 8px;--shadow: 0 8px 30px rgba(0, 0, 0, 0.35);--font-family: 'Inter', ui-sans-serif, system-ui, Segoe UI, Roboto, Helvetica, Arial;--font-game: 'Monocraft', 'VT323', monospace;--font-pixel: 'Press Start 2P', cursive;--ring: 0 0 0 3px rgba(61, 220, 132, 0.35);--repeat-gradient: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 48px);}[data-theme="light"] {--bg: #f0eff5;--surface: #ffffff;--border: rgba(0,0,0,0.08);--text: #1a1030;--muted: #6b5f80;--accent: #7700b3;--accent2: #9900dd;--glow: rgba(119,0,179,0.15);--card-2: #f2f5fa;--tile-bg: #ffffff;--tile-border-t: rgba(0,0,0,0.12);--tile-border-b: rgba(0,0,0,0.04);--tile-hover-bg: #f3f0ff;--tile-sel-bg: #ede5ff;--tile-sel-border: var(--accent);--text: #1a1030;--muted: #6b5f80;--accent: #7700b3;--accent2: #9900dd;--accent-ink: #ffffff;--accent-2: #d98a00;--shadow: 0 8px 30px rgba(15, 23, 42, 0.08);--ring: 0 0 0 3px rgba(14, 170, 95, 0.3);--border-strong: rgba(15, 23, 42, 0.2);--bg-soft: #f9f9fb;--card: #ffffff;}* {box-sizing: border-box;margin: 0;padding: 0;}[hidden] {display: none !important;}html {scroll-behavior: smooth;}body {background: linear-gradient(180deg, var(--bg) 0%, var(--bg) 100%);color: var(--text);font-family: var(--font-family);line-height: 1.55;min-height: 100vh;}button {font-family: inherit;}:focus-visible {outline: none;box-shadow: var(--ring);border-radius: var(--radius-sm);}.container {max-width: 1180px;margin: 0 auto;padding: 0 20px;}.muted-note {color: var(--muted);font-size: 0.82rem;}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation: none !important;transition: none !important;}}.hero {text-align: center;padding: 44px 20px 26px;}.hero h1 {font-family: var(--font-pixel);font-size: clamp(1.1rem, 3.4vw, 1.9rem);line-height: 1.6;}.grad-text {background: linear-gradient(90deg, #3ddc84, #4dd0ff 45%, #ffb938);-webkit-background-clip: text;background-clip: text;color: transparent;}.hero-sub {color: var(--muted);max-width: 620px;margin: 14px auto 0;font-size: 1.02rem;}.trust-chips {display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;list-style: none;margin-top: 18px;}.trust-chips li {font-size: 0.78rem;color: var(--muted);border: 1px solid var(--border);border-radius: 999px;padding: 5px 12px;background: var(--card);}.workspace {display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);gap: 20px;max-width: 1180px;margin: 0 auto;padding: 0 20px;align-items: start;}@media (max-width: 960px) {.workspace {grid-template-columns: 1fr;}}.panel {background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);padding: 18px;box-shadow: var(--shadow);display: flex;flex-direction: column;gap: 14px;}@media (min-width: 961px) {.preview-panel {position: sticky;top: 76px;}}.panel-head {display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;}.panel-head h2 {font-size: 1rem;font-weight: 700;display: flex;align-items: center;gap: 9px;}.step-dot {width: 24px;height: 24px;border-radius: 8px;background: var(--accent);color: var(--accent-ink);display: inline-flex;align-items: center;justify-content: center;font-size: 0.8rem;font-weight: 800;}.panel-actions, .mini-actions {display: flex;gap: 8px;}.ghost-btn {background: transparent;border: 1px solid var(--border);color: var(--muted);border-radius: var(--radius-sm);padding: 7px 12px;cursor: pointer;font-size: 0.82rem;font-weight: 500;transition: all 0.15s ease;}.ghost-btn:hover {color: var(--text);border-color: var(--accent);}.ghost-btn.on {color: var(--accent);border-color: var(--accent);}.tool-btn {background: var(--card-2);border: 1px solid var(--border);color: var(--text);min-width: 40px;height: 40px;border-radius: var(--radius-sm);cursor: pointer;font-size: 0.95rem;display: inline-flex;align-items: center;justify-content: center;transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease;}.tool-btn:hover {border-color: var(--accent);transform: translateY(-1px);}.tool-btn:active {transform: translateY(0) scale(0.96);}.tool-btn.wide {padding: 0 14px;}.obf-btn {animation: obf-shimmer 2.2s linear infinite;}@keyframes obf-shimmer {0%, 92% {filter: none;}94% {filter: blur(1px);}96% {filter: none;}98% {filter: blur(1px);}}.accent-btn {background: var(--accent);color: var(--accent-ink);border: none;height: 40px;padding: 0 16px;border-radius: var(--radius-sm);cursor: pointer;font-weight: 700;font-size: 0.88rem;transition: transform 0.12s ease, filter 0.12s ease;}.accent-btn:hover {transform: translateY(-1px);filter: brightness(1.08);}.accent-btn:active {transform: scale(0.97);}.toolbar {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;}.tool-sep {width: 1px;height: 26px;background: var(--border-strong);margin: 0 4px;}.bar-label {font-size: 0.78rem;font-weight: 600;color: var(--muted);text-transform: uppercase;letter-spacing: 0.06em;}.colors {display: grid;grid-template-columns: repeat(8, 26px);gap: 6px;}.color {width: 26px;height: 26px;border-radius: 7px;cursor: pointer;border: 1px solid rgba(0, 0, 0, 0.4);transition: transform 0.12s ease, box-shadow 0.12s ease;padding: 0;}.color:hover {transform: scale(1.22);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);z-index: 2;}.hex-wrap {display: flex;gap: 6px;align-items: center;margin-left: 6px;}input[type="color"] {width: 40px;height: 40px;padding: 3px;background: var(--card-2);border: 1px solid var(--border);border-radius: var(--radius-sm);cursor: pointer;}.recent-colors {display: flex;gap: 5px;margin-left: 4px;}.recent-colors .color {width: 20px;height: 20px;border-radius: 5px;}.gradient-bar {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;background: var(--card-2);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 10px;}.gradient-strip-wrap {position: relative;flex: 1;min-width: 120px;height: 40px;display: flex;align-items: center;padding: 0 12px;}.gradient-strip {position: absolute;left: 12px;right: 12px;top: 50%;transform: translateY(-50%);height: 12px;border-radius: 999px;border: 1px solid var(--border);}.gradient-stops {position: absolute;left: 12px;right: 12px;top: 0;bottom: 0;}.g-handle {position: absolute;top: 50%;width: 26px;height: 26px;transform: translate(-50%, -50%);cursor: grab;touch-action: none;}.g-handle:active {cursor: grabbing;}.g-handle input[type="color"] {width: 26px;height: 26px;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);padding: 0;cursor: inherit;pointer-events: none;}.editor {min-height: 130px;background: #0d1117;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 14px;font-family: var(--font-game);font-size: 1.5rem;line-height: 1.45;color: #fff;outline: none;word-break: break-word;transition: border-color 0.15s ease;caret-color: var(--accent);}.editor:focus {border-color: var(--accent);}.editor:empty::before {content: 'Type your Minecraft text…';color: #4a5568;}[data-theme="light"] .editor {background: #101828;}.editor .obf, .preview-box .obf {border-bottom: 1px dotted currentColor;}.editor-meta {display: flex;justify-content: space-between;align-items: center;gap: 10px;flex-wrap: wrap;}.counter {font-size: 0.78rem;color: var(--muted);font-variant-numeric: tabular-nums;}.kbd-hint {font-size: 0.74rem;color: var(--muted);}kbd {background: var(--card-2);border: 1px solid var(--border);border-bottom-width: 2px;border-radius: 4px;padding: 1px 5px;font-size: 0.72rem;font-family: var(--font-family);}.code-card {margin-top: -4px;}.code-view {width: 100%;min-height: 84px;resize: vertical;background: #0d1117;color: #7ee2a8;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 12px;font-family: monospace;font-size: 0.95rem;}[data-theme="light"] .code-view {background: #101828;}.sign-slots {display: flex;flex-direction: column;gap: 8px;}.sign-slot-row {display: flex;align-items: center;gap: 10px;}.sign-slot {flex: 1;min-height: 46px;background: #0d1117;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 9px 14px;font-family: var(--font-game);font-size: 1.35rem;line-height: 1.4;color: #fff;outline: none;white-space: nowrap;overflow-x: auto;}.sign-slot:focus {border-color: var(--accent);}[data-theme="light"] .sign-slot {background: #101828;}.slot-meter {width: 92px;display: flex;flex-direction: column;gap: 3px;flex-shrink: 0;}.slot-meter i {display: block;height: 6px;width: 0;border-radius: 999px;background: var(--accent);transition: width 0.15s ease;}.slot-meter i.over {background: var(--danger);}.slot-meter em {font-style: normal;font-size: 0.68rem;color: var(--muted);font-variant-numeric: tabular-nums;}.slot-meter em.over {color: var(--danger);font-weight: 700;}.wood-chips {display: flex;gap: 6px;}.wood-chip {background: var(--card-2);border: 1px solid var(--border);color: var(--muted);border-radius: 999px;padding: 5px 12px;cursor: pointer;font-size: 0.78rem;}.wood-chip.active {background: var(--accent-2);border-color: var(--accent-2);color: #241500;font-weight: 700;}.ver-select {background: var(--card-2);color: var(--text);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 8px 10px;font-size: 0.82rem;cursor: pointer;}.templates {display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}.template-chips {display: flex;gap: 8px;flex-wrap: wrap;}.chip {background: var(--card-2);border: 1px solid var(--border);color: var(--text);border-radius: 999px;padding: 7px 14px;cursor: pointer;font-size: 0.82rem;transition: all 0.15s ease;}.chip:hover {border-color: var(--accent-2);transform: translateY(-1px);}.context-tabs {display: flex;gap: 6px;flex-wrap: wrap;}.context-tab {background: var(--card-2);border: 1px solid var(--border);color: var(--muted);border-radius: 999px;padding: 7px 13px;cursor: pointer;font-size: 0.82rem;font-weight: 500;transition: all 0.15s ease;}.context-tab:hover {color: var(--text);}.context-tab.active {background: var(--accent);border-color: var(--accent);color: var(--accent-ink);font-weight: 700;}.preview-wrap {border-radius: var(--radius-sm);overflow: hidden;}.preview-box {min-height: 96px;padding: 14px;font-family: var(--font-game);font-size: 1.5rem;line-height: 1.4;word-break: break-word;background: #1b1b1b;color: #fff;}.motd-meta, .lore-meta {display: none;}.preview-wrap[data-context="chat"] {position: relative;background: radial-gradient(340px 120px at 82% 88%, rgba(126, 200, 80, 0.5), transparent 70%), linear-gradient(180deg, #7fb8e8 0%, #9cd0f5 38%, #74a94e 62%, #5d8f3d 74%, #6b4a2b 88%, #5a3d22 100%);padding: 26px 14px 18px;overflow: hidden;}.preview-wrap[data-context="chat"]::before {content: '';position: absolute;inset: 0;backdrop-filter: blur(3px);background: rgba(20, 30, 40, 0.12);}.preview-wrap[data-context="chat"] .preview-box {position: relative;background: rgba(0, 0, 0, 0.55);border-radius: 3px;text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);}.preview-wrap[data-context="sign"] {background: transparent;}.preview-wrap[data-context="sign"] .preview-box {background: repeating-linear-gradient(0deg, transparent 0 22px, rgba(0, 0, 0, 0.08) 22px 24px), linear-gradient(180deg, #b9945f, #a8834f);border: 8px solid #7d5f3d;border-radius: 6px;color: #1d1206;text-align: center;max-width: 400px;margin: 0 auto;min-height: 132px;display: flex;flex-direction: column;justify-content: center;}.preview-wrap[data-context="sign"][data-wood="spruce"] .preview-box {background: repeating-linear-gradient(0deg, transparent 0 22px, rgba(0, 0, 0, 0.12) 22px 24px), linear-gradient(180deg, #7a5a35, #6b4e2e);border-color: #503a22;}.preview-wrap[data-context="sign"][data-wood="warped"] .preview-box {background: repeating-linear-gradient(0deg, transparent 0 22px, rgba(0, 0, 0, 0.1) 22px 24px), linear-gradient(180deg, #3f9e94, #368a81);border-color: #256b64;}.sign-line {min-height: 1.4em;}.preview-wrap[data-context="motd"] {background: #0f0f0f;border: 1px solid #262626;padding: 10px 12px;}.preview-wrap[data-context="motd"] .motd-meta {display: flex;align-items: center;gap: 10px;margin-bottom: 4px;}.preview-wrap[data-context="motd"] .motd-icon {width: 38px;height: 38px;border-radius: 4px;flex-shrink: 0;background: linear-gradient(135deg, #3fa63f 0 45%, #5b3a1e 46% 100%);image-rendering: pixelated;}.preview-wrap[data-context="motd"] .motd-name {color: #fff;font-family: var(--font-game);font-size: 1.15rem;display: flex;justify-content: space-between;flex: 1;gap: 10px;}.preview-wrap[data-context="motd"] .motd-ping {color: #55FF55;font-size: 0.85rem;}.preview-wrap[data-context="motd"] .preview-box {background: transparent;min-height: 44px;padding: 0 0 0 48px;color: #AAAAAA;font-size: 1.25rem;}.preview-wrap[data-context="book"] .preview-box {background: linear-gradient(180deg, #f6efdb, #efe5c8);border: 1px solid #cbbf9d;box-shadow: 5px 5px 0 rgba(120, 100, 60, 0.25);color: #1d1206;max-width: 380px;min-height: 170px;margin: 0 auto;border-radius: 3px;}.preview-wrap[data-context="lore"] {background: rgba(16, 5, 26, 0.96);border: 2px solid #5c1ea6;outline: 2px solid rgba(16, 5, 26, 0.96);border-radius: 3px;max-width: 400px;margin: 6px auto;padding: 10px 14px;}.preview-wrap[data-context="lore"] .lore-meta {display: flex;align-items: center;gap: 10px;padding-bottom: 8px;margin-bottom: 8px;border-bottom: 1px solid rgba(92, 30, 166, 0.5);}.preview-wrap[data-context="lore"] .lore-icon {width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.07);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 4px;font-size: 1.2rem;}.preview-wrap[data-context="lore"] .lore-name {font-family: var(--font-game);font-size: 1.3rem;color: #55FFFF;}.preview-wrap[data-context="lore"] .preview-box {background: transparent;color: #FF55FF;font-style: italic;padding: 0;min-height: 60px;}.warnings {display: none;background: rgba(255, 185, 56, 0.08);border: 1px solid rgba(255, 185, 56, 0.35);border-radius: var(--radius-sm);padding: 10px 12px;font-size: 0.83rem;color: var(--muted);}.warning-item {padding: 2px 0;}.out-head {margin-top: 4px;}.bedrock-label {display: flex;align-items: center;gap: 7px;font-size: 0.82rem;color: var(--muted);cursor: pointer;}.bedrock-label input {accent-color: var(--accent);width: 15px;height: 15px;}.format-pills {display: flex;gap: 6px;flex-wrap: wrap;}.pill {background: var(--card-2);border: 1px solid var(--border);color: var(--muted);border-radius: 999px;padding: 6px 12px;cursor: pointer;font-size: 0.78rem;font-weight: 600;transition: all 0.15s ease;}.pill:hover {color: var(--text);border-color: var(--border-strong);}.pill.active {background: var(--text);color: var(--bg);border-color: var(--text);}.output-box {background: #0d1117;color: #7ee2a8;border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 12px 14px;min-height: 62px;max-height: 180px;overflow: auto;font-family: monospace;font-size: 0.92rem;white-space: pre-wrap;word-break: break-all;}[data-theme="light"] .output-box {background: #101828;}.cta-copy {background: var(--accent);color: var(--accent-ink);border: none;border-radius: var(--radius-sm);padding: 13px;cursor: pointer;font-size: 0.95rem;font-weight: 800;letter-spacing: 0.01em;transition: transform 0.12s ease, filter 0.12s ease;}.cta-copy:hover {transform: translateY(-1px);filter: brightness(1.08);}.cta-copy:active {transform: scale(0.98);}.preset-bar {display: flex;gap: 8px;align-items: center;}.preset-bar select {flex: 1;min-width: 0;background: var(--card-2);color: var(--text);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 9px 10px;font-size: 0.85rem;}.unicode-strip {margin-top: 26px;}.unicode-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));gap: 10px;}.uni-card {background: var(--card-2);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 12px;cursor: pointer;text-align: left;transition: all 0.15s ease;color: var(--text);}.uni-card:hover {border-color: var(--accent);transform: translateY(-2px);}.uni-card .uni-name {font-size: 0.72rem;color: var(--muted);text-transform: uppercase;letter-spacing: 0.08em;}.uni-card .uni-sample {font-size: 1.15rem;margin-top: 4px;word-break: break-all;}.content {padding-bottom: 40px;}.content-section {margin: 56px 0;}.section-title {font-family: var(--font-pixel);font-size: clamp(0.85rem, 2.2vw, 1.15rem);margin-bottom: 12px;line-height: 1.7;}.section-sub {color: var(--muted);font-size: 0.9rem;margin-bottom: 18px;}.steps-row, .tips-row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-top: 20px;}@media (max-width: 800px) {.steps-row, .tips-row {grid-template-columns: 1fr;}}.step-card, .tip-card {background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;}.step-card h3 {font-size: 0.98rem;margin: 10px 0 8px;}.step-card p, .tip-card {font-size: 0.88rem;color: var(--muted);}.tip-card strong {color: var(--text);display: block;margin-bottom: 6px;}.step-num {display: inline-flex;width: 30px;height: 30px;align-items: center;justify-content: center;background: var(--accent);color: var(--accent-ink);font-weight: 800;border-radius: 9px;}.ref-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 16px;}@media (max-width: 800px) {.ref-grid {grid-template-columns: 1fr;}}.ref-card {background: var(--card);border: 1px solid var(--border);border-radius: var(--radius);padding: 20px;}.ref-card h3 {font-size: 0.95rem;margin-bottom: 12px;}.ref-row {display: grid;grid-template-columns: 64px 1fr auto;gap: 10px;align-items: center;width: 100%;text-align: left;padding: 8px 10px;border: none;background: transparent;color: var(--text);border-bottom: 1px dashed var(--border);cursor: pointer;font-size: 0.88rem;border-radius: 6px;transition: background 0.12s ease;}.ref-row:hover {background: var(--card-2);}.ref-row code {font-family: monospace;color: var(--muted);}.ref-row .swatch {width: 40px;height: 16px;border-radius: 4px;border: 1px solid rgba(0,0,0,0.35);justify-self: end;}.ref-row .fx {font-family: var(--font-game);font-size: 1.15rem;}.ref-note {margin-top: 12px;font-size: 0.8rem;color: var(--muted);font-style: italic;}.faq-list details {background: var(--card);border: 1px solid var(--border);border-radius: var(--radius-sm);margin-bottom: 10px;overflow: hidden;}.faq-list summary {padding: 15px 18px;cursor: pointer;font-weight: 600;font-size: 0.93rem;list-style: none;display: flex;justify-content: space-between;align-items: center;gap: 10px;}.faq-list summary::after {content: '+';font-size: 1.3rem;color: var(--muted);}.faq-list details[open] summary::after {content: '−';}.faq-list summary:hover {background: var(--card-2);}.faq-list p {padding: 0 18px 15px;color: var(--muted);font-size: 0.88rem;}.faq-list code {background: var(--card-2);padding: 1px 6px;border-radius: 4px;font-size: 0.82rem;}.modal-overlay {position: fixed;inset: 0;z-index: 300;background: rgba(5, 8, 14, 0.6);backdrop-filter: blur(4px);display: flex;align-items: center;justify-content: center;padding: 20px;}.modal {background: var(--card);border: 1px solid var(--border-strong);border-radius: var(--radius);box-shadow: var(--shadow);padding: 22px;width: 100%;max-width: 380px;animation: modal-in 0.18s ease;}@keyframes modal-in {from {opacity: 0;transform: translateY(10px) scale(0.97);}to {opacity: 1;transform: none;}}.modal h3 {font-size: 1.02rem;margin-bottom: 8px;}.modal p {color: var(--muted);font-size: 0.88rem;margin-bottom: 14px;}.modal input {width: 100%;background: var(--card-2);color: var(--text);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 10px 12px;font-size: 0.95rem;font-family: inherit;margin-bottom: 16px;}.modal input:focus {outline: none;border-color: var(--accent);}.modal-actions {display: flex;gap: 10px;justify-content: flex-end;}.modal-actions .accent-btn.danger {background: var(--danger);color: #fff;}.toast {position: fixed;left: 50%;bottom: 26px;transform: translateX(-50%) translateY(20px);background: var(--text);color: var(--bg);padding: 11px 20px;border-radius: 999px;font-size: 0.88rem;font-weight: 600;opacity: 0;pointer-events: none;z-index: 200;transition: opacity 0.22s ease, transform 0.22s ease;box-shadow: var(--shadow);}.toast.show {opacity: 1;transform: translateX(-50%) translateY(0);}@media (max-width: 480px) {.editor {font-size: 1.25rem;}.preview-box {font-size: 1.25rem;}.colors {grid-template-columns: repeat(8, 1fr);width: 100%;}}.breadcrumb {max-width: 1180px;margin: 0 auto;padding: 14px 20px 0;font-size: 13px;color: var(--muted);display: flex;align-items: center;gap: 8px;}.breadcrumb a {color: var(--muted);text-decoration: none;}.breadcrumb a:hover {color: var(--text);}.breadcrumb .crumb-sep {opacity: .5;}.breadcrumb [aria-current="page"] {color: var(--text);}.generators-row {max-width: 1180px;margin: 0 auto;padding: 16px 20px 4px;display: flex;flex-wrap: wrap;gap: 8px;}.gen-chip {font: 500 13px/1 var(--font-family);color: var(--muted);background: var(--card);border: 1px solid var(--border);border-radius: 999px;padding: 8px 14px;text-decoration: none;transition: color .15s, border-color .15s, background .15s;}.gen-chip:hover {color: var(--text);border-color: var(--border-strong);}.gen-chip.active {color: var(--accent-ink);background: var(--accent);border-color: var(--accent);}.preset-intro .intro-copy {max-width: 760px;color: var(--muted);line-height: 1.7;}.preset-intro .intro-copy code {background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 1px 5px;font-family: var(--font-game);font-size: .92em;color: var(--text);}#emoji-btn.on {background: var(--accent);color: var(--accent-ink);border-color: var(--accent);}.emoji-panel {margin: 6px 0 2px;border: 1px solid var(--border);background: var(--card-2);border-radius: var(--radius);padding: 10px;}.emoji-head {display: flex;flex-direction: column;gap: 8px;}.emoji-search {width: 100%;box-sizing: border-box;font: 400 14px/1.2 var(--font-family);color: var(--text);background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-sm);padding: 8px 10px;}.emoji-search:focus {outline: none;border-color: var(--accent);box-shadow: 0 0 0 3px var(--ring);}.emoji-cats {display: flex;flex-wrap: wrap;gap: 6px;}.emoji-cat {font: 500 12px/1 var(--font-family);color: var(--muted);background: var(--card);border: 1px solid var(--border);border-radius: 999px;padding: 6px 10px;cursor: pointer;transition: color .12s, border-color .12s, background .12s;}.emoji-cat:hover {color: var(--text);border-color: var(--border-strong);}.emoji-cat.active {color: var(--accent-ink);background: var(--accent);border-color: var(--accent);}.emoji-recent-row {display: flex;align-items: center;flex-wrap: wrap;gap: 4px;margin: 8px 0 2px;padding-bottom: 8px;border-bottom: 1px dashed var(--border);}.emoji-recent-lbl {font: 600 11px/1 var(--font-family);color: var(--muted);text-transform: uppercase;letter-spacing: .04em;margin-right: 4px;}.emoji-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(38px, 1fr));gap: 4px;margin-top: 8px;max-height: 240px;overflow-y: auto;}.emoji-grid.kao-grid {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}.glyph {font: 400 18px/1 var(--font-game);color: var(--text);background: var(--bg-soft);border: 1px solid var(--border);border-radius: var(--radius-sm);min-height: 38px;padding: 4px;cursor: pointer;transition: background .1s, border-color .1s, transform .05s;}.glyph:hover {background: var(--accent);color: var(--accent-ink);border-color: var(--accent);}.glyph:active {transform: scale(.92);}.glyph-kao {font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 6px 8px;}.emoji-empty {grid-column: 1 / -1;color: var(--muted);font-size: 13px;padding: 12px 4px;}.emoji-note {margin: 10px 2px 0;font-size: 11.5px;line-height: 1.5;color: var(--muted);}.emoji-note b {color: var(--accent);}.dbg-40 {background-color: #002b36;}.dbg-41 {background-color: #cb4b16;}.dbg-42 {background-color: #586e75;}.dbg-43 {background-color: #657b83;}.dbg-44 {background-color: #839496;}.dbg-45 {background-color: #6c71c4;}.dbg-46 {background-color: #93a1a1;}.dbg-47 {background-color: #fdf6e3;color: #002b36;}.preview-wrap[data-context="discord"] .preview-box {background: #313338;border-radius: 8px;padding: 0;}.dc-block {background: #2b2d31;border: 1px solid #232428;border-radius: 6px;padding: 10px 12px;margin: 8px;font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;font-size: 15px;line-height: 1.4;color: #dcddde;white-space: pre-wrap;word-break: break-word;}.dc-block span {border-radius: 2px;}.discord-bg-bar {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 8px 0 4px;padding: 8px 10px;border: 1px solid var(--border);background: var(--card-2);border-radius: var(--radius-sm);}.bg-switch {display: inline-flex;align-items: center;gap: 6px;font: 500 13px/1 var(--font-family);color: var(--text);cursor: pointer;}.bg-scope {display: inline-flex;border: 1px solid var(--border);border-radius: 999px;overflow: hidden;}.bg-scope-btn {font: 500 12px/1 var(--font-family);color: var(--muted);background: transparent;border: 0;padding: 6px 12px;cursor: pointer;}.bg-scope-btn.active {background: var(--accent);color: var(--accent-ink);}.bg-swatches {display: inline-flex;flex-wrap: wrap;gap: 6px;align-items: center;}.bg-swatch {width: 26px;height: 26px;border-radius: 6px;border: 2px solid var(--border);cursor: pointer;padding: 0;transition: transform .06s, border-color .1s;}.bg-swatch:hover {transform: scale(1.08);}.bg-swatch.active {border-color: var(--accent);box-shadow: 0 0 0 2px var(--ring);}.bg-swatch.bg-none {display: inline-flex;align-items: center;justify-content: center;background: var(--bg-soft);color: var(--muted);font-size: 15px;line-height: 1;}.trust-chips a {text-decoration: none;color: var(--text);}.trust-chips textarea.output-box {width: 100%;box-sizing: border-box;display: block;resize: vertical;outline: none;}textarea.output-box[readonly] {cursor: default;}textarea.output-box:not([readonly]) {color: #b9f5cf;border-color: var(--accent);box-shadow: 0 0 0 3px var(--ring);caret-color: var(--accent);}#output-edit-toggle.on {background: var(--accent);color: var(--accent-ink);border-color: var(--accent);}.output-edit-hint {margin: 0 0 8px;padding: 8px 10px;border: 1px solid var(--accent);border-radius: var(--radius-sm);background: color-mix(in srgb, var(--accent) 12%, transparent);color: var(--text);font-size: 0.82rem;line-height: 1.4;}.output-locked .editor-panel, .output-locked .context-tabs, .output-locked #format-pills, .output-locked #mc-version, .output-locked #discord-bg-bar, .output-locked .preset-bar, .output-locked #share-btn, .output-locked #image-btn, .output-locked #gif-btn, .output-locked #ref-colors, .output-locked #ref-formats, .output-locked #unicode-grid {opacity: 0.5;pointer-events: none;user-select: none;}