*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:#f6f9fc;color:#0f172a;margin:0;padding:18px}h1{margin:0 0 6px}p.lead{margin:0 0 14px;color:#374151} .app{max-width:1200px;margin:0 auto} .header{margin-bottom:14px} .card{display:flex;gap:16px;background:#fff;border-radius:12px;padding:18px;box-shadow:0 10px 40px rgba(2,6,23,0.06)} .left{flex:1} .right{width:540px} textarea{width:100%;min-height:220px;padding:12px;border:1px solid #e6eef6;border-radius:8px;font-family:monospace} .controls{margin-top:10px;display:flex;gap:8px;align-items:center} .btn{padding:8px 12px;border-radius:8px;border:none;background:#e2e8f0;color:#0f172a;cursor:pointer} .btn.primary{background:#0ea5a4;color:white} .btn.accent{background:#6366f1;color:white} .btn.ghost{background:#fff;color:#0f172a;border:1px solid #e6eef6} .options{margin-top:8px;font-size:13px;color:#475569} .panel{background:#fbfdff;padding:12px;border-radius:10px;border:1px solid #eef6fb;margin-top:12px} .info{margin-top:12px} .stats{display:flex;flex-wrap:wrap;gap:10px} .stats span{background:#f1f5f9;padding:6px 8px;border-radius:8px;color:#334155} .progress-wrap{background:#eef2f7;border-radius:8px;overflow:hidden;height:12px;margin:8px 0} .progress{height:12px;background:linear-gradient(90deg,#10b981,#06b6d4);width:0%} .result-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px} .result-table th,.result-table td{border-bottom:1px solid #eef6fb;padding:8px;text-align:left} .mono{font-family:monospace} .box{min-height:80px;white-space:pre-wrap;font-family:monospace;padding:8px;background:#fff;border-radius:6px;border:1px dashed #e6eef6}