.tdh-page{min-height:100%;padding:1rem;color:var(--tdh-text);background:var(--tdh-bg)}.tdh-dark{--tdh-bg: linear-gradient(135deg, #0f172a 0%, #111827 55%, #1f2937 100%);--tdh-shell-bg: rgba(15, 23, 42, .78);--tdh-shell-border: rgba(148, 163, 184, .24);--tdh-panel-bg: rgba(2, 6, 23, .62);--tdh-panel-border: rgba(148, 163, 184, .25);--tdh-text: #e5e7eb;--tdh-title: #f8fafc;--tdh-subtext: #cbd5e1;--tdh-input-bg: #020617;--tdh-input-text: #f8fafc;--tdh-input-border: rgba(148, 163, 184, .35);--tdh-chip-bg: rgba(15, 23, 42, .78);--tdh-chip-border: rgba(148, 163, 184, .45)}.tdh-light{--tdh-bg: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 60%, #dbeafe 100%);--tdh-shell-bg: rgba(255, 255, 255, .9);--tdh-shell-border: rgba(100, 116, 139, .22);--tdh-panel-bg: rgba(255, 255, 255, .85);--tdh-panel-border: rgba(148, 163, 184, .35);--tdh-text: #0f172a;--tdh-title: #020617;--tdh-subtext: #334155;--tdh-input-bg: #f8fafc;--tdh-input-text: #0f172a;--tdh-input-border: rgba(100, 116, 139, .35);--tdh-chip-bg: rgba(255, 255, 255, .95);--tdh-chip-border: rgba(100, 116, 139, .35)}.tdh-shell{max-width:1180px;margin:0 auto;border:1px solid var(--tdh-shell-border);border-radius:18px;background:var(--tdh-shell-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 50px #02061747;padding:1rem}.tdh-title{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:800;color:var(--tdh-title)}.tdh-subtitle{margin-top:.35rem;color:var(--tdh-subtext);font-size:.95rem}.tdh-toolbar{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.tdh-toolbar-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.tdh-mini-label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#38bdf8}.tdh-chip{border:1px solid var(--tdh-chip-border);border-radius:999px;background:var(--tdh-chip-bg);color:var(--tdh-text);font-size:.8rem;font-weight:700;padding:.34rem .7rem;cursor:pointer}.tdh-chip.is-active{border-color:#38bdf8cc;box-shadow:inset 0 0 0 1px #38bdf866}.tdh-examples{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.45rem}.tdh-example-chip{border:1px solid rgba(56,189,248,.4);border-radius:999px;background:#38bdf81f;color:#dbeafe;font-size:.78rem;padding:.32rem .66rem;cursor:pointer}.tdh-light .tdh-example-chip{color:#0f172a}.tdh-input-grid{display:grid;gap:.9rem;margin-top:1rem;grid-template-columns:1fr}.tdh-field{display:flex;flex-direction:column;gap:.4rem}.tdh-label{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#38bdf8}.tdh-textarea{min-height:150px;resize:vertical;border-radius:12px;border:1px solid var(--tdh-input-border);background:var(--tdh-input-bg);color:var(--tdh-input-text);padding:.75rem .85rem;line-height:1.5;outline:none}.tdh-textarea:focus{border-color:#38bdf8e6;box-shadow:0 0 0 3px #38bdf838}.tdh-actions{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.55rem}.tdh-button{border:0;border-radius:10px;background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;font-weight:700;padding:.68rem 1.1rem;cursor:pointer}.tdh-button-secondary{background:linear-gradient(135deg,#3b82f6,#7c3aed)}.tdh-button:hover{filter:brightness(1.08)}.tdh-summary-grid{margin-top:.8rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.tdh-summary-item{border:1px solid var(--tdh-panel-border);border-radius:10px;background:var(--tdh-panel-bg);padding:.55rem;display:flex;flex-direction:column;align-items:center}.tdh-summary-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tdh-subtext)}.tdh-summary-value{font-size:1.05rem;font-weight:800;color:var(--tdh-title)}.tdh-output-grid{display:grid;grid-template-columns:1fr;gap:.9rem;margin-top:1rem}.tdh-output-panel{border:1px solid var(--tdh-panel-border);border-radius:12px;background:var(--tdh-panel-bg);padding:.8rem}.tdh-output-title{margin:0;color:var(--tdh-title);font-size:.9rem}.tdh-diff-box{margin-top:.55rem;white-space:pre-wrap;word-break:break-word;line-height:1.65;color:var(--tdh-text);min-height:110px}.tdh-char{border-radius:3px;padding:.03rem .02rem}.tdh-char-normal{background:transparent}.tdh-char-changed{background:#ef44443d;color:#fecaca}.tdh-char-added{background:#10b98145;color:#bbf7d0}.tdh-char-removed{background:#94a3b847;color:#e2e8f0;text-decoration:line-through}.tdh-beyond-shell{margin-top:1rem;border:1px solid var(--tdh-panel-border);border-radius:12px;overflow:hidden;background:var(--tdh-panel-bg)}.tdh-beyond-header{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--tdh-panel-border);background:#94a3b817}.tdh-beyond-col-title{padding:.55rem .65rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tdh-title)}.tdh-beyond-col-title:first-child{border-right:1px solid var(--tdh-panel-border)}.tdh-beyond-grid{display:grid;grid-template-columns:1fr 1fr}.tdh-line-cell{display:grid;grid-template-columns:42px minmax(0,1fr);border-bottom:1px solid rgba(148,163,184,.16);min-height:34px;min-width:0}.tdh-line-cell:nth-child(4n+1),.tdh-line-cell:nth-child(4n+2){border-bottom:1px solid rgba(148,163,184,.2)}.tdh-line-cell:nth-child(odd){border-right:1px solid var(--tdh-panel-border)}.tdh-line-number{display:flex;align-items:center;justify-content:flex-end;padding:.35rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.73rem;color:#94a3b8;background:#0f172a40}.tdh-light .tdh-line-number{background:#e2e8f0b3;color:#475569}.tdh-line-content{display:block;padding:.35rem .55rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;line-height:1.55;color:var(--tdh-text);min-width:0}.tdh-line-added{background:#10b98126}.tdh-line-removed{background:#94a3b824}.tdh-line-changed{background:#ef44441c}.tdh-line-equal{background:transparent}@media(min-width:900px){.tdh-page{padding:1.5rem}.tdh-shell{padding:1.25rem}.tdh-input-grid,.tdh-output-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.tdh-beyond-header,.tdh-beyond-grid{grid-template-columns:1fr}.tdh-beyond-col-title:first-child,.tdh-line-cell:nth-child(odd){border-right:0}}