:root{color-scheme:light;--ink:#122943;--muted:#586c82;--blue:#1262d5;--dark-blue:#0d4aa4;--line:#dae4f0;--paper:#fff;--canvas:#f2f6fc;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);line-height:1.6}a{color:var(--blue);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #0d75ed;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 56px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:25px;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:1.17rem;font-weight:800;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:#fff;width:33px;height:33px;border-radius:10px;font-size:1.65rem;line-height:1}.nav{display:flex;gap:28px}.nav a{text-decoration:none;font-weight:650;color:#42607c;font-size:.94rem}.nav a:hover{color:var(--blue)}.skip-link{position:absolute;top:-100px;left:20px;padding:10px 18px;background:#fff;z-index:5}.skip-link:focus{top:10px}.hero{padding:34px 0 35px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--blue);font-size:.73rem;font-weight:800;margin:0 0 12px}h1,h2,h3{line-height:1.16;letter-spacing:-.8px;margin-top:0}h1{font-size:clamp(2.65rem,5.1vw,4.15rem);margin-bottom:18px;font-weight:800}.hero-copy{max-width:705px;margin:0;color:var(--muted);font-size:1.09rem;line-height:1.7}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pills span{border:1px solid #cad9ec;color:#496680;border-radius:100px;background:#fff9;padding:5px 12px;font-size:.76rem;font-weight:650}.workbench{display:grid;grid-template-columns:1.01fr 1fr;gap:22px;scroll-margin-top:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 30px #173b6a06;min-width:0}.panel-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:25px}.step{background:#eaf2ff;color:var(--blue);font-size:.82rem;font-weight:800;border-radius:10px;display:grid;place-items:center;min-width:40px;height:40px}.panel-heading h2{font-size:1.3rem;letter-spacing:-.3px;margin:0 0 3px}.panel-heading p{font-size:.86rem;color:var(--muted);margin:0}.drop-zone{border:1.5px dashed #bed0e8;border-radius:12px;padding:20px;background:#f8fbff;transition:background .15s,border-color .15s}.drop-zone.dragover{background:#e8f2ff;border-color:var(--blue)}.file-label{display:block;font-size:.97rem;font-weight:750;margin-bottom:9px}.drop-zone input{width:100%;color:var(--muted);font-size:.83rem}.drop-zone input::file-selector-button{background:#fff;border:1px solid #c3d1e4;border-radius:6px;padding:7px 12px;margin-right:10px;color:var(--blue);font-weight:650;cursor:pointer}.drop-zone p{font-size:.82rem;color:var(--muted);margin:12px 0 0}.drop-zone p.fine{font-size:.71rem;margin-top:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:11px 18px;font-size:.92rem;font-weight:750;border:1px solid transparent;text-decoration:none;cursor:pointer;transition:background .15s;line-height:1.4}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--dark-blue)}.secondary{color:var(--blue);border-color:#c6d7ef;background:#eef5ff}.secondary:hover{background:#e1edff}.quiet{background:#fff;color:var(--muted);border-color:var(--line)}.quiet:hover{background:#f3f6fb}.sample-button{margin-top:12px;padding:8px 13px;font-size:.8rem}.source-info{font-size:.8rem;color:#466380;overflow-wrap:anywhere;margin:15px 0 20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 18px}.field label{display:block;font-size:.81rem;font-weight:750;margin-bottom:6px}.field input,.field select{width:100%;min-width:0;border:1px solid #c9d6e5;border-radius:8px;background:#fff;color:var(--ink);height:44px;padding:9px 11px;font-size:.93rem}.field small{display:block;font-size:.69rem;color:var(--muted);margin-top:4px}.fine{font-size:.74rem;color:var(--muted);line-height:1.65}.format-note{margin:20px 0 7px;padding-left:11px;border-left:3px solid #c9daf2;font-size:.8rem;color:#405e7c}.actions{display:flex;gap:10px;margin-top:22px}.actions .primary{flex:1}.notice{padding:12px 14px;font-size:.82rem;line-height:1.6;background:#f0f5fc;border:1px solid #deE7f2;border-radius:9px;color:#47617c;min-height:67px;margin:0 0 23px;overflow-wrap:anywhere}.notice.success{background:#edf9f4;border-color:#c2e7d5;color:#166347}.notice.warning{background:#fff8e7;border-color:#efdcac;color:#745714}.notice.error{background:#fff0f1;border-color:#f1c4ca;color:#a02d3e}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-grid figure{margin:0;min-width:0}.preview-grid figcaption{font-size:.72rem;letter-spacing:.3px;font-weight:750;color:#597087;margin-bottom:8px}.preview-frame{height:185px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe4ef;border-radius:10px;overflow:hidden;background-color:#f4f6fa;background-image:linear-gradient(45deg,#e5e9ef 25%,transparent 25%),linear-gradient(-45deg,#e5e9ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e9ef 75%),linear-gradient(-45deg,transparent 75%,#e5e9ef 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.preview-frame img{width:100%;height:100%;object-fit:contain}.preview-frame span{display:block;font-size:.75rem;max-width:125px;text-align:center;padding:10px;background:#f6f8fcde;border-radius:6px;color:#778b9f}.result{margin-top:24px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px;margin:0;padding-bottom:18px;border-bottom:1px solid var(--line)}.result-grid dt{font-size:.7rem;color:var(--muted);margin-bottom:4px}.result-grid dd{margin:0;font-weight:750;font-size:.85rem;overflow-wrap:anywhere}.download-link{width:100%;margin-top:5px}.panel-footnote{margin:22px 0 0}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:56px 0 30px}.explain-grid h2{font-size:1.27rem;line-height:1.35;letter-spacing:-.4px;margin-bottom:12px}.explain-grid p:not(.eyebrow){font-size:.9rem;color:var(--muted);line-height:1.8}.explain-grid a{font-size:.82rem;font-weight:750;text-decoration:none}.site-footer{border-top:1px solid var(--line);margin-top:34px;padding-block:26px 35px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.site-footer p{margin:0;font-size:.83rem;font-weight:750}.site-footer p span{font-weight:400;color:var(--muted)}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}.site-footer a{font-size:.77rem;text-decoration:none;color:var(--muted)}.article{max-width:790px;margin:25px auto 70px;background:#fff;padding:42px 48px;border:1px solid var(--line);border-radius:var(--radius)}.article h1{font-size:clamp(2.1rem,4.5vw,3rem);margin-bottom:25px}.article h2{font-size:1.42rem;margin-top:34px;margin-bottom:12px;letter-spacing:-.4px}.article h3{font-size:1.1rem;margin-top:24px}.article p,.article li{color:#486077;line-height:1.85}.article p{margin:15px 0}.article .lead{font-size:1.08rem}.article ul,.article ol{padding-left:23px}.article li{margin-bottom:8px}.article table{width:100%;border-collapse:collapse;font-size:.87rem;margin-block:24px}.article th,.article td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.article th{background:#eff5ff}.article code{background:#eff3f9;padding:2px 5px;border-radius:4px}.article .callout{background:#edf5ff;border-left:3px solid var(--blue);padding:15px 20px;border-radius:7px}
.page .site-header>.wrap,.page .site-footer>.wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.page .site-footer>.wrap{align-items:flex-start}.nav a[aria-current=page]{color:var(--blue)}
@media(max-width:940px){.workbench{grid-template-columns:1fr}.preview-frame{height:240px}.explain-grid{gap:24px}.site-footer,.page .site-footer>.wrap{flex-direction:column;gap:16px}.panel{padding:24px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.site-header{padding-block:20px}.brand{font-size:1.03rem}.brand-mark{width:29px;height:29px;font-size:1.4rem}.nav{gap:13px}.nav a{font-size:.72rem}.hero{padding:27px 0}.hero-copy{font-size:.95rem}.pills{gap:7px}.pills span{font-size:.66rem;padding:4px 9px}.panel{padding:20px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:1.17rem}.field-grid{gap:15px 12px}.field label{font-size:.74rem}.field select{font-size:.81rem;padding-inline:8px}.preview-frame{height:150px}.preview-grid{gap:10px}.result-grid{gap:14px 11px}.result-grid dd{font-size:.8rem}.explain-grid{grid-template-columns:1fr;padding-top:37px;gap:28px}.explain-grid article{border-bottom:1px solid var(--line);padding-bottom:18px}.site-footer nav{gap:14px}.article{padding:26px 23px;margin:15px auto 45px}.article h1{font-size:2rem}.article h2{font-size:1.25rem}.article p,.article li{font-size:.93rem}.article table{display:block;overflow-x:auto}.source-info{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}