*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}#root{min-height:100vh}.main-content{max-width:1120px;margin:0 auto;padding:40px 32px 80px}.page-title{letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid #111;margin-bottom:32px;padding-bottom:16px;font-size:15px;font-weight:700}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=640px){.main-content{padding:24px 16px 60px}.grid-2{grid-template-columns:1fr;gap:32px}textarea{min-height:200px}}.col-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.col-title{text-transform:uppercase;letter-spacing:.08em;color:#999;font-size:11px;font-weight:700}.field{flex-direction:column;gap:4px;display:flex}.field label{text-transform:uppercase;letter-spacing:.06em;color:#888;font-size:11px;font-weight:600}input,textarea,select{color:#111;appearance:none;background:#fafafa;border:1px solid #d0d0d0;border-radius:0;outline:none;width:100%;padding:7px 8px;font-family:system-ui,-apple-system,sans-serif;font-size:13px}input:focus,textarea:focus,select:focus{background:#fff;border-color:#111}textarea{resize:vertical;min-height:320px;font-family:monospace;font-size:12px;line-height:1.5}.fields-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.span-2{grid-column:span 2}.section{margin-bottom:24px}.section-title{text-transform:uppercase;letter-spacing:.1em;color:#bbb;border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:6px;font-size:10px;font-weight:700}.btn-parse{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#111;border:none;width:100%;margin-top:14px;padding:10px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;display:block}.btn-parse:hover:not(:disabled){background:#333}.btn-parse:disabled{cursor:not-allowed;background:#ccc}.btn-sync{color:#111;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:1px solid #111;width:100%;margin-top:28px;padding:10px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;display:block}.btn-sync:hover:not(:disabled){color:#fff;background:#111}.btn-sync:disabled{opacity:.4;cursor:not-allowed}.btn-icon{cursor:pointer;color:#bbb;background:0 0;border:none;padding:2px;line-height:1}.btn-icon:hover{color:#111}.template-row{align-items:center;gap:10px;margin-top:8px;display:flex}.template-row span{color:#bbb;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.template-link{color:#666;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.template-link:hover{color:#111}.empty-state{color:#bbb;text-align:center;border:1px dashed #d0d0d0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:400px;font-size:12px;display:flex}.empty-state strong{color:#888;font-size:13px}.badge-ok{text-transform:uppercase;letter-spacing:.08em;color:#2a7a2a;border:1px solid #2a7a2a;padding:2px 6px;font-size:10px;font-weight:700}.checkbox-row{align-items:center;gap:6px;padding-top:20px;display:flex}.checkbox-row label{text-transform:uppercase;letter-spacing:.06em;color:#888;cursor:pointer;font-size:11px;font-weight:600}.checkbox-row input[type=checkbox]{cursor:pointer;width:14px;height:14px;padding:0}.toast{color:#111;background:#fff;border:1px solid #111;max-width:320px;padding:10px 16px;font-size:13px;font-weight:500;position:fixed;bottom:24px;right:24px}.toast.toast-error{color:#c00;border-color:#c00}