:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce2e9;background:#101419;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.toolbar{height:60px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:0 24px;background:#191e25;border-bottom:1px solid #2a313b}.brand{font-size:16px;font-weight:650;letter-spacing:-.5px}.brand span{color:#83b8ac}.divider{width:1px;height:22px;background:#343c47}button{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;color:#e9edf2;background:#2b343f;border:1px solid #414d5b;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}button:hover{background:#384553;border-color:#657c91}button:focus-visible{outline:2px solid #8ed9c3;outline-offset:3px}.filename{color:#9da8b5;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.counts{margin-left:auto;white-space:nowrap;font-size:12px;color:#8996a5}main{position:relative;flex:1;min-height:0}canvas{display:block;width:100%;height:100%}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;padding:24px;text-align:center}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #35463f;border-radius:14px;color:#8ab7a9;background:#1b2926;font-size:28px;margin-bottom:8px}h1{font-size:20px;font-weight:500;letter-spacing:-.4px;margin-bottom:0}.empty p{color:#8c99a8;font-size:13px}.canvas-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:14px 24px;color:#8d9aa9;font-size:11px;pointer-events:none}.error{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:min(620px,90%);width:max-content;margin:0;padding:12px 18px;color:#ffcdc6;background:#3b2528;border:1px solid #7a4249;border-radius:8px;font-size:13px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:600px){.toolbar{padding:0 14px;gap:12px}.counts,.hint{display:none}.canvas-footer{padding:12px 14px}}.import-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:30px;border:1px solid #36443f;border-radius:14px;background:#191e25;color:#dce2e9;box-shadow:0 24px 90px #0008}.import-dialog::backdrop{background:#080c11b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.import-dialog h2{margin:10px 0;font-size:24px;font-weight:550;letter-spacing:-.6px}.eyebrow{color:#83b8ac;font-size:11px;letter-spacing:1.6px;margin:0}.import-file{color:#8c99a8;font-size:12px;overflow-wrap:anywhere;margin-bottom:26px}.import-fields{display:grid;gap:20px}.field-help{color:#a8b3bf;line-height:1.6;font-size:13px;margin:0}.mapping-field{display:grid;gap:9px;font-size:13px}.mapping-field input,.mapping-field select{width:100%;min-width:0;padding:11px 12px;border:1px solid #414d5b;border-radius:6px;background:#101419;color:#e9edf2;font:inherit}.mapping-field input:focus,.mapping-field select:focus{outline:2px solid #83b8ac;outline-offset:2px}.mapping-field code{color:#9bd1c1;font-size:12px;overflow-wrap:anywhere}.field-sample{color:#8c99a8;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.import-error{color:#ffb6ad;font-size:13px;line-height:1.5}.import-error:empty{display:none}.import-actions{display:flex;gap:10px;margin-top:28px}.import-actions button:first-child{margin-right:auto}button.primary{background:#83b8ac;color:#101c18;border-color:#83b8ac}button.primary:hover{background:#a3d1c5}button:disabled{opacity:.5;cursor:wait}.mapping-summary{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;margin:0;font-size:13px}.mapping-summary dt{color:#8c99a8}.mapping-summary dd{margin:0;overflow-wrap:anywhere;color:#b7dacd}@media(max-width:600px){.import-dialog{padding:20px}.import-dialog h2{font-size:20px}}@media(max-width:600px){.toolbar{gap:8px;padding:0 12px}.toolbar .divider,.toolbar .filename{display:none}.toolbar button{padding:8px 10px}.import-actions{flex-wrap:wrap}}