.mg-root{color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.mg-topbar{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:12px;display:flex}.mg-title{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.15}.mg-subtitle{color:#ffffffb8;margin-top:6px;font-size:.92rem}.mg-titleGradient{background:linear-gradient(90deg,#d946ef 0%,#3b82f6 55%,#22d3ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.mg-closeBtn{color:#ffffffeb;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.mg-closeBtn:hover{background:#ffffff0f;border-color:#ffffff38;transform:translateY(-1px)}.mg-card{background:linear-gradient(#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:16px;width:100%;padding:14px;box-shadow:0 22px 60px #000000a6}.mg-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mg-pill{color:#ffffffd1;background:#00000059;border:1px solid #ffffff14;border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:600}.mg-btn{color:#ffffffeb;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;padding:10px 14px;font-weight:700;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s;box-shadow:0 4px 15px #0000001a}.mg-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.mg-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.mg-btnPrimary{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.8);background:#ffffff26;border:1px solid #ffffff40;box-shadow:0 8px 30px #ffffff14}.mg-btnPrimary:hover{background:#ffffff40;border-color:#ffffff73;box-shadow:0 12px 40px #ffffff26}.mg-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mg-dialog{background:#0a0a0ceb;border:1px solid #ffffff14;border-radius:16px;width:min(420px,100% - 32px);padding:16px;box-shadow:0 26px 80px #000000bf}.mg-dialogTitle{margin:0 0 12px;font-size:1.05rem;font-weight:800}
.tc-shell{color:#ffffffeb;background:0 0;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.tc-shell--modal{width:100%;height:100%;overflow:hidden}.tc-shell--page{background:#0d0d10;min-height:100vh}.tc-header{-webkit-backdrop-filter:blur(16px);cursor:grab;-webkit-user-select:none;user-select:none;background:#0d0d10b8;border-bottom:1px solid #ffffff14;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 12px;display:flex}.tc-header:active{cursor:grabbing}.tc-header button{cursor:pointer}.tc-header-left{align-items:center;gap:12px;min-width:0;display:flex}.tc-logo{color:#fff;background:linear-gradient(135deg,#d946efe6 0%,#3b82f6e6 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;font-weight:900;display:flex;box-shadow:0 0 22px #d946ef4d}.tc-title{letter-spacing:-.02em;color:#e6edf3;margin:0;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:800;line-height:1.2}.tc-title-accent{background:linear-gradient(90deg,#d946ef 0%,#3b82f6 60%,#22d3ee 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.tc-subtitle{color:#fff6;margin:2px 0 0;font-size:.72rem;display:none}@media (min-width:500px){.tc-subtitle{display:block}}.tc-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.tc-hdr-btn{color:#ffffffa6;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;height:30px;padding:5px 10px;font-size:.72rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.tc-hdr-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.tc-hdr-btn--back{color:#d946ef;background:#d946ef14;border-color:#d946ef4d}.tc-hdr-btn--back:hover{color:#e879f9;background:#d946ef2e;border-color:#d946ef}.tc-hdr-close{color:#ffffff73;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:background .15s,color .15s;display:flex}.tc-hdr-close:hover{color:#f85149;background:#f851491f}.tc-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px 20px;display:flex;overflow:hidden auto}.tc-stats-bar{flex-wrap:wrap;gap:6px;display:flex}.tc-stat{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.tc-stat--sm{padding:2px 7px;font-size:.65rem}.tc-stat--add{color:#86efac;background:#22c55e1a;border-color:#22c55e59}.tc-stat--del{color:#fca5a5;background:#ef44441a;border-color:#ef444459}.tc-stat--eq{color:#ffffff80;background:#ffffff0a;border-color:#ffffff1f}.tc-stat--sim{color:#e879f9;background:#d946ef1a;border-color:#d946ef59}.tc-columns{flex:1;grid-template-columns:1fr auto 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.tc-columns--stack{grid-template-columns:1fr}.tc-columns--stack .tc-divider{flex-direction:row;width:100%;height:auto;padding:8px 0}.tc-columns--stack .tc-divider-line{width:100%;height:1px}.tc-col{flex-direction:column;gap:7px;min-width:0;min-height:0;display:flex;overflow:hidden}.tc-col-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.tc-col-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff61;font-size:.7rem;font-weight:700}.tc-col-badge{border:1px solid;border-radius:999px;padding:2px 7px;font-size:.64rem;font-weight:700}.tc-col-badge--ins{color:#86efac;background:#22c55e1a;border-color:#22c55e4d}.tc-col-badge--del{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.tc-divider{color:#fff3;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.75rem;display:flex}.tc-divider-line{background:#ffffff12;flex:1;width:1px}.tc-divider-icon{color:#d946ef73;font-size:.9rem}.tc-textarea{resize:none;color:#ffffffd9;box-sizing:border-box;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;width:100%;min-height:180px;padding:12px 14px;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.82rem;line-height:1.7;transition:border-color .18s,box-shadow .18s;overflow-y:auto}.tc-textarea::placeholder{color:#fff3}.tc-textarea:focus{border-color:#d946ef80;box-shadow:0 0 0 3px #d946ef1a}.tc-result-box{color:#ffffffd9;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;flex:1;width:100%;min-width:0;min-height:180px;padding:12px 14px;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.82rem;line-height:1.7;overflow-y:auto}.tc-del{color:#fca5a5;background:#ef444438;border-radius:3px;padding:0 2px;-webkit-text-decoration:line-through #ef444499;text-decoration:line-through #ef444499}.tc-ins{color:#86efac;background:#22c55e2e;border-radius:3px;padding:0 2px}.tc-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tc-action-btn{cursor:pointer;border:1px solid;border-radius:10px;align-items:center;padding:9px 18px;font-size:.85rem;font-weight:700;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.tc-action-btn:hover{transform:translateY(-2px)}.tc-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.tc-action-btn--ghost{color:#ffffffb3;background:#ffffff0d;border-color:#ffffff1f}.tc-action-btn--ghost:hover{background:#ffffff1a;border-color:#ffffff40;box-shadow:0 6px 20px #0000004d}.tc-action-btn--primary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#d946ef40 0%,#3b82f640 100%);border-color:#d946ef66;box-shadow:0 4px 14px #d946ef26}.tc-action-btn--primary:hover{background:linear-gradient(135deg,#d946ef61 0%,#3b82f661 100%);border-color:#d946efa6;box-shadow:0 8px 28px #d946ef4d}.tc-shell--page .tc-header{z-index:50;position:sticky;top:0}.tc-shell--page .tc-body{width:100%;max-width:1100px;margin:0 auto;padding:20px 16px 32px}@media (min-width:768px){.tc-shell--page .tc-body{padding:28px 40px 48px}}@media (max-width:499px){.tc-header{padding:10px 14px}.tc-body{gap:10px;padding:12px 12px 16px}.tc-textarea,.tc-result-box{min-height:140px;font-size:.78rem}.tc-action-btn{padding:8px 14px;font-size:.8rem}}