/* ==========================================
   ULTRAKIT CODE SNIPPET BLOCK
   ========================================== */
.ultrakit-cds-wrapper { --cds-a: #6c5ce7; --cds-fs: 14px; --cds-r: 16px; --cds-mh: none; --cds-bg: #0f172a; --cds-bar: #1e293b; --cds-tx: #e2e8f0; --cds-mu: #64748b; --cds-hl: rgba(108,92,231,0.22); --t-kw: #c084fc; --t-str: #86efac; --t-num: #fdba74; --t-com: #64748b; --t-fn: #7dd3fc; --t-tag: #f87171; --t-attr: #fcd34d; --t-var: #f9a8d4; width: 100%; box-sizing: border-box; font-family: inherit; background: var(--cds-bg); color: var(--cds-tx); border-radius: var(--cds-r); overflow: hidden; box-shadow: 0 24px 60px rgba(10,10,30,0.28); }
.ultrakit-cds-wrapper *, .ultrakit-cds-wrapper *::before, .ultrakit-cds-wrapper *::after { box-sizing: border-box; }
.cds-th-dracula { --cds-bg: #282a36; --cds-bar: #21222c; --cds-tx: #f8f8f2; --cds-mu: #6272a4; --cds-hl: rgba(189,147,249,0.2); --t-kw: #ff79c6; --t-str: #f1fa8c; --t-num: #bd93f9; --t-com: #6272a4; --t-fn: #50fa7b; --t-tag: #ff79c6; --t-attr: #50fa7b; --t-var: #ffb86c; }
.cds-th-light { --cds-bg: #ffffff; --cds-bar: #f3f4f8; --cds-tx: #24292f; --cds-mu: #8b93a7; --cds-hl: rgba(108,92,231,0.1); --t-kw: #8250df; --t-str: #0a7d4b; --t-num: #b35900; --t-com: #8b93a7; --t-fn: #0b69c7; --t-tag: #c2185b; --t-attr: #9a6700; --t-var: #c2185b; border: 1.5px solid #e6e6f0; box-shadow: 0 18px 46px rgba(20,20,50,0.08); }
.cds-th-aurora { --cds-bg: linear-gradient(135deg, #1b1464, #0f4c81 55%, #0b7285); --cds-bar: rgba(255,255,255,0.08); --cds-tx: #f1f5ff; --cds-mu: #93a4d6; --cds-hl: rgba(255,255,255,0.13); --t-kw: #ffb3ff; --t-str: #9dffc9; --t-num: #ffd28a; --t-com: #93a4d6; --t-fn: #8feaff; --t-tag: #ff9db0; --t-attr: #ffe28a; --t-var: #ffb3d9; }
.cds-th-mono { --cds-bg: #04120a; --cds-bar: #0a2015; --cds-tx: #8dffb0; --cds-mu: #3f8a5a; --cds-hl: rgba(52,211,111,0.14); --t-kw: #34d36f; --t-str: #c1ff9a; --t-num: #e6ff70; --t-com: #3f8a5a; --t-fn: #5affd0; --t-tag: #34d36f; --t-attr: #c1ff9a; --t-var: #8dffb0; }

.ultrakit-cds-bar { display: flex; align-items: center; gap: 16px; padding: 10px 16px; background: var(--cds-bar); }
.ultrakit-cds-dots { display: inline-flex; gap: 7px; flex-shrink: 0; }
.ultrakit-cds-dots i { width: 12px; height: 12px; border-radius: 50%; background: #ff5f57; }
.ultrakit-cds-dots i:nth-child(2) { background: #febc2e; } .ultrakit-cds-dots i:nth-child(3) { background: #28c840; }
.ultrakit-cds-tabs { flex: 1; min-width: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.ultrakit-cds-tabs::-webkit-scrollbar { display: none; }
.ultrakit-cds-tab { padding: 7px 14px !important; box-sizing: border-box; background: transparent; color: var(--cds-mu) !important; border: 0; border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; cursor: pointer; transition: all 0.2s ease; text-transform: none; letter-spacing: 0; }
.ultrakit-cds-tab:hover { color: var(--cds-tx) !important; }
.ultrakit-cds-tab.is-active { background: color-mix(in srgb, var(--cds-tx) 10%, transparent); color: var(--cds-tx) !important; box-shadow: inset 0 -2px 0 var(--cds-a); }
.ultrakit-cds-copy { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; padding: 7px 13px !important; box-sizing: border-box; background: color-mix(in srgb, var(--cds-tx) 9%, transparent); color: var(--cds-tx) !important; border: 0; border-radius: 8px; font-family: inherit; font-size: 12.5px; font-weight: 700; line-height: 1.2; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; }
.ultrakit-cds-copy:hover { background: var(--cds-a); color: #ffffff !important; }
.ultrakit-cds-copy.is-done { background: #16a34a; color: #ffffff !important; }
.ultrakit-cds-copy svg { flex-shrink: 0; width: 15px; height: 15px; }

.ultrakit-cds-panel { display: none; position: relative; }
.ultrakit-cds-panel.is-active { display: block; }
.ultrakit-cds-lang { position: absolute; top: 10px; right: 16px; z-index: 2; font-size: 10.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: var(--cds-mu); pointer-events: none; }
.ultrakit-cds-pre { margin: 0 !important; padding: 20px 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; overflow: auto; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace !important; font-size: var(--cds-fs) !important; line-height: 1.7 !important; color: var(--cds-tx) !important; tab-size: 2; }
.cds-scroll .ultrakit-cds-pre { max-height: var(--cds-mh); }
.ultrakit-cds-pre code { display: block; min-width: max-content; padding: 0; background: transparent; color: inherit; font: inherit; }
.cds-wrap .ultrakit-cds-pre code { min-width: 0; }
.cds-wrap .ultrakit-cds-line { white-space: pre-wrap; word-break: break-word; }
.ultrakit-cds-line { display: block; padding: 0 22px; white-space: pre; min-height: 1.7em; }
.ultrakit-cds-line.is-hl { background: var(--cds-hl); box-shadow: inset 3px 0 0 var(--cds-a); }
.cds-ln .ultrakit-cds-line::before { content: attr(data-n); display: inline-block; width: 2.4em; margin-right: 1.2em; text-align: right; color: var(--cds-mu); opacity: 0.7; user-select: none; -webkit-user-select: none; }
.ultrakit-cds-line .k { color: var(--t-kw); } .ultrakit-cds-line .s { color: var(--t-str); } .ultrakit-cds-line .n { color: var(--t-num); }
.ultrakit-cds-line .c { color: var(--t-com); font-style: italic; } .ultrakit-cds-line .f { color: var(--t-fn); } .ultrakit-cds-line .t { color: var(--t-tag); }
.ultrakit-cds-line .a { color: var(--t-attr); } .ultrakit-cds-line .v { color: var(--t-var); }
@media (max-width: 600px) { .ultrakit-cds-bar { padding: 8px 10px; gap: 8px; } .ultrakit-cds-line { padding: 0 14px; } }