*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--bg: #0f1418;--bg-soft: #141d24;--bg-card: #18222c;--bg-card-alt: #1f2b36;--border: #2b3a49;--accent: #e65c3a;--accent-dark: #cb4d2e;--accent-soft: #ffb09a;--success: #46c98e;--text: #eaf2f7;--text-muted: #99a8b6;--radius: 12px;--radius-sm: 8px;--shadow: 0 10px 32px rgba(0, 0, 0, .32)}html{font-size:16px}body{font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;background:radial-gradient(circle at 20% -10%,#223241 0%,var(--bg) 45%) fixed;color:var(--text);min-height:100vh;display:flex;flex-direction:column;line-height:1.6}.seo-copy{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}header{padding:3rem 1.5rem 2rem;text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff08,#fff0)}.header-inner{max-width:640px;margin:0 auto}header h1{font-size:2.4rem;font-weight:700;letter-spacing:-.6px;background:linear-gradient(120deg,#fff 20%,var(--accent-soft) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{margin-top:.65rem;color:var(--text-muted);font-size:1.02rem}.hero-note{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.hero-note span{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border:1px solid var(--border);background:#ffffff05;padding:.2rem .55rem;border-radius:999px}main{flex:1;padding:2.5rem 1.5rem}.converters{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;max-width:1180px;margin:0 auto;align-items:start}.guide{max-width:1180px;margin:1.4rem auto 0;padding:1.4rem;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.guide h2{font-size:1.2rem;letter-spacing:-.2px;margin-bottom:.35rem}.guide-intro{color:var(--text-muted);font-size:.93rem;margin-bottom:1rem}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.guide-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card-alt);padding:.95rem 1rem}.guide-card h3{font-size:.95rem;margin-bottom:.55rem}.guide-card ol{margin-left:1rem;color:var(--text-muted);font-size:.88rem}.guide-card li+li{margin-top:.35rem}.guide-note{margin-top:.9rem;font-size:.82rem;color:var(--text-muted)}.guide-note a{color:var(--accent-soft);text-decoration:underline}@media (max-width: 700px){header h1{font-size:1.7rem}.guide-grid{grid-template-columns:1fr}}.converter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow);min-width:0}.compact-card{width:100%}.status-note{display:none;font-size:.82rem;color:var(--success);background:#46c98e14;border:1px solid rgba(70,201,142,.25);border-radius:var(--radius-sm);padding:.5rem .7rem}.status-note.visible{display:block}.card-header{display:flex;align-items:center;gap:.85rem}.card-icon{font-size:1.8rem;line-height:1}.card-header h2{font-size:1.2rem;font-weight:700}.card-description{font-size:.8rem;color:var(--text-muted);margin-top:1px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--bg-card-alt),rgba(255,255,255,.01));padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;min-height:130px;display:flex;align-items:center;justify-content:center}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:#e65c3a14}.drop-zone-idle{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drop-label{color:var(--text-muted);font-size:.9rem}.drop-or{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.drop-zone-loaded{display:flex;align-items:center;gap:.75rem;padding:.5rem}.loaded-icon{color:var(--success);font-size:1.3rem;font-weight:700}.loaded-name{font-size:.9rem;color:var(--text);word-break:break-all;flex:1;text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent);color:#fff;width:100%;padding:.7rem;font-size:.95rem;border-radius:var(--radius-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-dark)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-remove{background:none;border:none;color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer;padding:0 .25rem;transition:color .15s}.btn-remove:hover{color:#e05c5c}.preview-area h3{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.6rem}.preview-note{font-weight:400;text-transform:none;letter-spacing:0}.preview-helper,.table-meta{font-size:.78rem;color:var(--text-muted);margin-bottom:.45rem}.preview-helper strong{color:var(--accent-soft);font-weight:600}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);min-width:0;max-height:430px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-size:.78rem}#bom-preview-table,#cpl-preview-table{min-width:620px}th{background:var(--bg-card-alt);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}td{padding:.45rem .75rem;border-bottom:1px solid var(--border);color:var(--text);white-space:nowrap}.editable-cell{min-width:130px}.part-input{width:100%;min-width:120px;background:#13202b;border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.28rem .45rem;font-size:.76rem;outline:none}.part-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e65c3a33}tr:last-child td{border-bottom:none}tr:nth-child(2n) td{background:#ffffff05}#bom-preview-table td:nth-child(1),#bom-preview-table td:nth-child(2),#cpl-preview-table td:nth-child(1){white-space:normal;word-break:break-word}footer{padding:1.25rem;text-align:center;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);background:#00000026}footer p{margin:0}footer a{color:var(--text);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}footer a:hover{color:var(--accent-soft);border-color:var(--accent-soft)}