:root{--bg-color: #fafafa;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #d1d5db;--focus-ring: #3b82f6;--accent: #2563eb;--panel-bg: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;padding:2rem 1rem}.container{max-width:960px;margin:0 auto}header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.25rem}.version-badge{font-size:.75rem;font-weight:600;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:999px;padding:.15rem .5rem;vertical-align:middle;margin-left:.4rem;letter-spacing:0}.subtitle{color:var(--text-secondary);font-size:1.1rem}.controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:6px}.control-group{display:flex;flex-direction:column;gap:.25rem}.control-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:#fff;font-family:inherit;font-size:.95rem}select:focus,textarea:focus{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 3px #3b82f61a}.control-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:auto;margin-bottom:.5rem;font-size:.95rem}.io-panels{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.io-panels{flex-direction:row}}.panel{flex:1;display:flex;flex-direction:column}.panel label{font-weight:600;margin-bottom:.5rem;color:var(--text-secondary)}textarea{width:100%;height:300px;padding:1rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:1rem;resize:vertical;background-color:var(--panel-bg)}textarea#output-text{background-color:#f3f4f6;color:#374151}.debug-panel{margin-top:1.5rem;border:1px solid #c7d2fe;border-radius:8px;background:#fafafe;overflow:hidden}.debug-panel-header{display:flex;align-items:baseline;gap:1rem;padding:.75rem 1rem;background:#eef2ff;border-bottom:1px solid #c7d2fe}.debug-panel-header h3{font-size:.95rem;font-weight:700;color:#3730a3}.debug-word-hint{font-size:.8rem;color:#6366f1}.debug-content{display:flex;flex-direction:column;gap:0}.dbg-card{border-bottom:1px solid #e0e7ff;padding:.75rem 1rem}.dbg-card:last-child{border-bottom:none}.dbg-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.dbg-layer-badge{font-size:.7rem;font-weight:700;background:#6366f1;color:#fff;border-radius:4px;padding:.1rem .35rem;letter-spacing:.04em;flex-shrink:0}.dbg-card-title{font-size:.875rem;font-weight:700;color:#1e1b4b}.dbg-card-desc{font-size:.75rem;color:#6b7280;margin-left:.25rem}.dbg-chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.dbg-chip{display:inline-flex;flex-direction:column;border:1.5px solid;border-radius:5px;overflow:hidden;min-width:2.2rem;text-align:center;font-size:.7rem}.dbg-chip-top{padding:.2rem .45rem;font-size:.95rem;font-family:Noto Sans Tamil,Latha,serif;font-weight:600;line-height:1.3}.dbg-chip-top:not(:empty){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,monospace}.dbg-chip-bot{padding:.15rem .35rem;font-size:.6rem;color:#374151;background:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:8rem}.dbg-string-wrap{display:flex;align-items:center}.dbg-string{font-family:SFMono-Regular,Consolas,monospace;font-size:.9rem;color:#1e1b4b;background:#eef2ff;padding:.3rem .6rem;border-radius:4px;border:1px solid #c7d2fe}.dbg-string--final{font-size:1rem;font-weight:700;color:#064e3b;background:#ecfdf5;border-color:#6ee7b7}.dbg-final-wrap{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.dbg-exc-badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;border:1px solid #d1d5db;background:#f9fafb;color:#6b7280}.dbg-exc-badge--hit{background:#fef3c7;border-color:#fcd34d;color:#92400e}footer{margin-top:3rem;text-align:center;font-size:.875rem;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:1rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}