.quick-tools{display:grid;gap:6px;margin:10px 0 22px}.quick-tools button{border:1px solid #dbe1e8;border-radius:4px;background:#fff;color:#536276;padding:9px 12px;text-align:left;font:inherit;font-size:12px;cursor:pointer}.quick-tools button:hover{background:#f1f6fd;color:#0864d9;border-color:#b7cce9}.quick-tool-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #dbe1e8;border-radius:12px;color:#24374d;background:#fff;box-shadow:0 18px 60px #142c4933;overflow:auto}.quick-tool-dialog::backdrop{background:#17283e66}.quick-tool-dialog header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e7ebf0;gap:12px}.quick-tool-dialog h2{font-size:18px;margin:0}.quick-tool-dialog button{font:inherit;cursor:pointer;border:1px solid #dbe1e8;border-radius:5px;background:#fff;color:#34475d;padding:8px 12px}.quick-tool-body{padding:18px 20px;font-size:13px}.quick-tool-body p{margin:0 0 16px;color:#738092;line-height:1.6}.quick-tool-body label{display:block;margin:12px 0 6px;font-weight:600}.quick-tool-body input:not([type=checkbox]){box-sizing:border-box;width:100%;min-width:0;border:1px solid #cfd8e5;border-radius:5px;background:#fff;color:#24374d;padding:11px;font:inherit;font-size:16px}.quick-tool-body .tool-note{font-size:11px;margin:14px 0 0;color:#8792a1}.quick-tool-body .tool-check{display:flex;align-items:center;gap:7px;margin:18px 0;font-weight:normal}.quick-tool-body output{display:block;font-size:17px;color:#0964ce;font-weight:600;margin-top:16px;overflow-wrap:anywhere}.tool-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.tool-keypad button{min-height:40px;background:#f6f8fb}.tool-actions{display:flex;gap:8px;margin-top:12px}.tool-actions button{flex:1}.quick-tool-dialog .tool-primary{background:#0868ed;color:#fff;border-color:#0868ed}.quick-tool-dialog :focus-visible,.quick-tools :focus-visible{outline:2px solid #1675ed;outline-offset:2px}

.quick-tool-body select { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #cfd8e5; border-radius: 5px; background: #fff; color: #24374d; font: inherit; }

.quick-tools h3 { margin: 8px 0 3px; padding-top: 12px; border-top: 1px solid #e0e4ea; font-size: 13px; color: #536276; } .fx-rates { padding: 12px; background: #f7f9fc; border-radius: 6px; font-size: 12px; } .fx-rates p { margin: 0 0 7px; } .fx-rates p:last-child { margin-bottom: 0; } .fx-retry { margin-top: 12px; font-size: 12px; }

.fx-tool-row { display:flex; align-items:center; gap:6px; } .fx-tool-row button { flex:1; min-width:0; padding-left:8px; padding-right:8px; } .fx-dollar { font-size:10px; white-space:nowrap; color:#647184; } .vat-field { padding:10px 12px; margin:8px 0; background:#f7f9fc; border-radius:6px; } .vat-field label { margin:0 0 7px; } .vat-field.is-source { background:#edf3ff; } .vat-unit { display:flex; align-items:center; gap:8px; } .vat-unit input { flex:1; } .vat-unit span { color:#647184; } .vat-field:last-of-type { border-top:1px solid #dbe1e8; }

.vat-korean { display:block; margin-top:6px; color:#738096; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }

.quick-tools .fx-tool-button { display:flex; align-items:center; justify-content:space-between; gap:6px; } .fx-tool-button .fx-dollar { font-weight:400; }