:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#1d3329;background:#f2f5f3;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}header{max-width:1240px;padding:26px 36px;margin:auto;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:#183e36;font-size:22px;font-weight:800;letter-spacing:-.8px}.brand span{font-weight:400;padding-left:3px}.private-badge{font-size:14px;border:1px solid #d5e3d7;padding:8px 12px;border-radius:100px;background:#edf4ed;color:#456e57}main{max-width:1240px;margin:auto;padding:14px 36px 30px}.intro{margin-bottom:30px}.eyebrow{color:#356a4b;font-size:14px;letter-spacing:1.2px}h1{font-size:38px;line-height:1.4;letter-spacing:-1.5px;margin:12px 0}p{line-height:1.8}.intro>p:not(.eyebrow){color:#43564b}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);gap:24px;align-items:start}.controls{display:grid;gap:18px}.card{background:#fff;border:1px solid #bdccc2;border-radius:10px;padding:24px;box-shadow:0 2px 8px #193f3108}h2{display:flex;align-items:center;gap:10px;font-size:16px;margin:0 0 22px}.step{background:#eaf2e7;color:#4c7051;border-radius:50%;width:25px;height:25px;display:inline-grid;place-items:center;font-size:12px}.filebox{border:1px dashed #9fb8a6;border-radius:10px;padding:15px;background:#f8faf7;margin-bottom:14px}.filebox input{border:0;background:transparent;padding:10px 0 0;font-size:16px;width:100%;color:#43564b}label{display:block;font-size:14px;font-weight:600;margin-bottom:16px}input,select{display:block;width:100%;border:1px solid #aec3b4;border-radius:7px;padding:10px 12px;margin-top:7px;background:#fff;font:inherit;font-size:16px;color:#283f35}input:focus,select:focus,button:focus-visible{outline:2px solid #789c76;outline-offset:2px}input[type=color]{height:40px;padding:5px}input[type=range]{padding:0;accent-color:#365b41}small,.hint{font-size:14px;font-weight:400;line-height:1.7;color:#43564b}small{display:block;margin-top:6px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.columns label{min-width:0}.columns select{max-width:100%}button{font:inherit;cursor:pointer;border:0}.text-button{background:transparent;color:#527457;padding:0;font-size:16px;line-height:1.8;text-align:left}#sample-csv{margin-bottom:18px}.text-button:hover{text-decoration:underline}.preview-heading{display:flex;justify-content:space-between;align-items:baseline}.preview-area{background:#e5ede7;min-height:440px;border-radius:9px;padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}#empty-preview{text-align:center;color:#43564b}.paper-icon{width:64px;height:82px;border:1px solid #c1cfc0;background:#fff;border-radius:7px;display:grid;place-items:center;margin:0 auto 20px;color:#9bac98;font-size:13px}canvas{max-width:100%;height:auto;box-shadow:0 2px 12px #0002;background:#fff}canvas[hidden]{display:none}.primary{width:100%;background:#244c3d;color:#fff;font-weight:600;padding:15px 12px;border-radius:9px;margin-top:14px}.primary:hover:not(:disabled){background:#183e30}button:disabled{cursor:default;opacity:.45}.status{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.status.error{color:#ad392d}.status.success{color:#287145}.export-note{text-align:center}output{float:right}progress{width:100%;accent-color:#365b41;margin-top:14px}footer{margin-top:28px;border-top:1px solid #bdccc2;padding-top:14px;color:#43564b;font-size:14px}footer p{margin:6px 0}@media(min-width:1000px){h1 br{display:none}}@media(max-width:800px){header{padding:22px 18px}.private-badge{font-size:14px;padding:6px 8px}main{padding:10px 18px 24px}h1{font-size:30px}.workspace{grid-template-columns:1fr}.card{padding:20px}.preview-area{min-height:300px;padding:14px}}.skip-link{position:absolute;top:-80px;left:18px;z-index:10;background:#fff;padding:12px}.skip-link:focus{top:8px}.site-brand{flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:10px;font-size:19px;letter-spacing:0;line-height:1.2}.site-brand span{padding:0;font-weight:750}.site-brand small{margin:4px 0 0;font-size:9px;letter-spacing:2.5px;color:#768879}.site-header nav{display:flex;flex-wrap:wrap;gap:28px;font-size:16px;color:#304d3d}.site-header{border-bottom:1px solid #bdccc2}.site-header nav a{white-space:nowrap}.site-header nav a,.breadcrumb a,.footer-links a{text-decoration:none;color:inherit}.site-header nav a:hover,.breadcrumb a:hover,.footer-links a:hover{text-decoration:underline}.breadcrumb{display:flex;gap:12px;color:#43564b;font-size:14px;margin:2px 0 30px}.tool-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.tool-intro h1{margin:10px 0;font-size:38px}.tool-intro>div>p:not(.eyebrow){color:#43564b;margin-bottom:17px}.demo-button{background:#e7efe2;color:#416446;border:1px solid #d5e1ce;padding:10px 15px;border-radius:7px;font-size:16px}.demo-button:hover:not(:disabled){background:#dce8d5}.demo-button span{margin-left:15px}#tool,#guide{scroll-margin-top:24px}.usage-guide{margin-top:50px;border-top:1px solid #bdccc2;padding-top:35px}.section-heading .eyebrow,.faq .eyebrow{font-size:14px;letter-spacing:2px;margin:0 0 12px;color:#738576}.section-heading h2,.faq>h2{font-size:23px;margin:0 0 25px;letter-spacing:-.5px}.guide-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:guide;list-style:none;padding:0}.guide-steps li{counter-increment:guide}.guide-steps li:before{content:"0" counter(guide);display:block;color:#8b9e7a;font-size:14px;margin-bottom:13px}.guide-steps strong{font-size:16px}.guide-steps p{font-size:16px;color:#43564b}.csv-example{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px;background:#eaf0e4;border-radius:12px;margin:28px 0 40px}.csv-example h3{margin:0 0 8px;font-size:15px}.csv-example p{color:#43564b;font-size:16px;margin:0}.csv-example pre{margin:0;background:#f9fbf7;padding:18px;border:1px solid #dde6d5;border-radius:7px;font-size:14px;line-height:1.9;overflow-x:auto}.faq{max-width:850px;margin:0 auto 40px}.faq details{border-top:1px solid #bdccc2;padding:17px 0}.faq details:last-child{border-bottom:1px solid #bdccc2}.faq summary{font-size:16px;cursor:pointer;line-height:1.8}.faq details p{margin:12px 0 0;font-size:16px;color:#43564b}.footer-links{display:flex;justify-content:space-between;margin-top:18px;padding-top:12px}@media(max-width:800px){.site-header{flex-wrap:wrap;gap:16px}.site-brand{font-size:16px;gap:8px}.site-header nav{gap:18px;font-size:16px}.breadcrumb{margin-bottom:24px}.tool-intro{display:block}.tool-intro .private-badge{display:inline-block;margin-top:18px}.tool-intro h1{font-size:32px}.guide-steps{grid-template-columns:1fr;gap:15px}.guide-steps li:before{margin-bottom:8px}.csv-example{grid-template-columns:1fr;gap:18px;padding:20px}.section-heading h2,.faq>h2{font-size:20px}}.metrics-notice{font-size:14px;line-height:1.8;color:#43564b}.service-note{margin:22px 0;padding:16px 20px;border:1px solid #bdccc2;border-radius:10px;background:#eef2ea;color:#43564b;font-size:14px;line-height:1.8}.service-note strong{display:block;font-size:16px;margin-bottom:4px}.service-note p{margin:0}.brand-mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#b6f36b,#5ee7ff);display:grid;place-items:center;color:#0b0d12;font-style:normal;font-weight:900;font-size:18px;line-height:1;flex-shrink:0}.about-content{max-width:760px;margin:0 0 36px}.about-content h2{font-size:18px;margin:30px 0 10px}.about-content h2:first-child{margin-top:0}.about-content p,.about-content li{font-size:16px;color:#43564b}.about-content ul{margin:0;padding-left:22px}.about-content li{margin-bottom:6px}