*{box-sizing:border-box} :root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17243c;background:#f3f5f9;font-size:16px}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}header{height:94px;border-bottom:1px solid #dde3ed;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#17243c;font-size:24px;font-weight:750;letter-spacing:-1px}.mark{background:#254ddd;color:white;padding:9px 10px;border-radius:12px;letter-spacing:-2px}.beta{font-size:11px;letter-spacing:1px;background:#eaf0ff;padding:5px 7px;border-radius:5px;color:#2448bb}.header-note{font-size:14px;color:#66718a}main{max-width:1240px;margin:auto;padding:44px 32px 25px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:750;color:#3159cf}h1{font-size:38px;letter-spacing:-1.3px;margin:12px 0}p{line-height:1.6}.intro p{color:#66718a;margin:0 0 32px}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}.panel{background:white;border:1px solid #dce2eb;border-radius:18px;padding:28px;box-shadow:0 8px 30px #1c315007}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}h2{font-size:19px;margin:0;font-weight:700;letter-spacing:-.3px}.step{color:#7d8ba5;font-size:13px;margin-right:10px}.text-button{border:0;background:transparent;color:#254ddd;font-size:14px;font-weight:600;padding:8px 0}.preset{padding:16px;background:#f1f5ff;border:1px solid #dce5ff;border-radius:10px;margin-bottom:24px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}input,select{width:100%;min-height:46px;border:1px solid #cdd5e2;border-radius:8px;background:white;padding:10px 12px;color:#17243c;font-size:16px}input:focus,select:focus,button:focus-visible{outline:3px solid #98b0ff;outline-offset:2px}input::placeholder{color:#8590a3}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}.subnote{font-size:12px;color:#68758d;font-weight:400;line-height:1.5}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e7ebf2;margin-top:26px;padding-top:16px;font-size:12px;color:#7b869b}.result{border-top:4px solid #254ddd}.result h2{margin-top:16px;font-size:24px}.filename{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px;line-height:1.8;overflow-wrap:anywhere;background:#f4f6fb;border:1px dashed #cbd5e6;border-radius:10px;padding:22px;margin:24px 0 12px;min-height:135px}.result-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#647189}.copy{display:flex;justify-content:space-between;width:100%;padding:16px 20px;border:0;border-radius:9px;background:#254ddd;color:white;font-weight:650;margin-top:22px}.copy:hover{background:#1a3cbe}.copy:disabled{background:#dfe5ef;color:#77829a;cursor:not-allowed}.copy-status{font-size:14px;color:#254ddd;min-height:22px;margin:8px 0}.check{flex-direction:row;align-items:center;font-weight:400}.check input{width:17px;min-height:17px;accent-color:#254ddd}.hint{font-size:12px;color:#6f7b92;margin:8px 0 0}.help{padding:20px 12px}.help h3{font-size:16px;margin:4px 0 14px}.help ol{padding-left:20px;color:#647189;font-size:14px;line-height:1.8}.help li{padding-left:5px;margin-bottom:8px}kbd{font-size:12px;background:#e7ebf3;border-radius:4px;padding:3px 5px;white-space:nowrap}.notice{font-size:12px;color:#69768e;border-left:2px solid #b9c7e3;padding-left:14px;margin-top:20px}footer{border-top:1px solid #dde3ed;margin-top:28px;padding-top:22px;display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.7;color:#79859b}footer strong{color:#52617a;font-weight:500}#errors{font-size:13px;color:#9d3d21;margin-top:12px;line-height:1.6}#errors ul{padding-left:18px;margin:0}#settings{border-bottom:1px solid #dce2eb;padding-bottom:24px;margin-bottom:24px}h3{font-size:16px}.muted{font-size:14px;color:#67748b}.order-row{display:flex;align-items:center;gap:8px;margin:8px 0}.order-row label{flex:1;flex-direction:row;align-items:center}.order-row input{width:16px;min-height:16px}.order-row button{border:1px solid #dce2eb;background:white;border-radius:5px;padding:5px 9px}.order-row button:disabled{opacity:.3}#fieldOrder{margin-bottom:20px}@media(max-width:800px){.workspace{grid-template-columns:1fr}main{padding:30px 20px}.header-note{display:none}header{height:76px;padding:0 20px}h1{font-size:30px}.panel{padding:22px}footer{flex-direction:column;gap:10px}}@media(max-width:430px){.grid{grid-template-columns:1fr}.wide{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.form-footer{align-items:flex-start;flex-direction:column}.filename{font-size:16px}}

.clipboard-fallback{position:fixed;top:0;left:0;opacity:0}