:root{font-family:Arial,"Malgun Gothic",sans-serif;color:#213c35;background:#f6f7f2;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:28px 36px}header{display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:inherit;font-weight:900;font-size:23px;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:3px;color:#688075}.privacy{font-size:12px;color:#517267;background:#e9efe5;border-radius:20px;padding:7px 12px}.intro{margin:54px 0 32px}.eyebrow{font-size:12px;letter-spacing:1px;color:#65806d}h1{font-size:48px;line-height:1.2;letter-spacing:-2px;margin:12px 0 20px}em{font-style:normal;color:#3b775d}.intro>p:last-child{color:#64766e;font-size:15px}.tool{display:grid;grid-template-columns:390px 1fr;background:white;border:1px solid #dce4db;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px #24443208}.setup{padding:28px;border-right:1px solid #e5e9e2}.step{font-size:12px;color:#6d8474;letter-spacing:1px;margin-bottom:14px}.step span{font-weight:bold;color:#2b493d;letter-spacing:0;margin-left:8px}.drop{display:flex;position:relative;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:#f5f8f1;border:1.5px dashed #aebfac;border-radius:12px;cursor:pointer;gap:5px}.drop.drag{background:#dcead9}.drop:focus-within{outline:3px solid #509b70}.upload-icon{font-size:27px;color:#537b60}.drop strong{font-size:14px}.drop>span:last-of-type{font-size:11px;color:#6a7c6e}.drop input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}.filename{font-size:11px;color:#728172;overflow-wrap:anywhere;margin:9px 0 27px}.target{display:flex;border:1px solid #b8c6b9;border-radius:9px;overflow:hidden}.target input{min-width:0;width:100%;border:0;padding:10px 14px;font-size:28px;color:#243c30;background:white}.target select{border:0;background:#f0f4ec;padding:0 15px;font-size:15px}.presets{display:flex;gap:7px;margin:10px 0 23px}.presets button{flex:1;font-size:11px;border:1px solid #dee5d9;background:white;padding:6px 0;border-radius:6px;color:#5a705c;cursor:pointer}.field{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:8px}.field select{padding:9px;border:1px solid #d5dfd3;border-radius:6px;max-width:75%;background:white;color:#334f3e}.hint{font-size:11px;color:#718073;line-height:1.65}.check{display:flex;align-items:center;font-size:12px;gap:7px;margin-top:18px}.check input{accent-color:#356647;width:16px;height:16px}.primary{display:block;width:100%;padding:13px;background:#28543e;color:white;border:0;border-radius:9px;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer;margin-top:20px}.primary:hover{background:#356b4e}.primary:disabled{background:#becbc0;cursor:default}.preview{padding:28px;min-width:0;background:#fcfdf9}.preview-head{display:flex;justify-content:space-between;font-size:12px;color:#657b6b}#badge{background:#edf1e9;padding:2px 9px;border-radius:20px}#badge.success{background:#ddefd9;color:#28653c}#badge.fail{background:#fff0dc;color:#93622c}#status{font-size:13px;color:#617865;margin-top:22px;overflow-wrap:anywhere}#empty{text-align:center;margin:110px 0;color:#95a78c;font-size:13px}.image-icon{font-size:65px;font-weight:normal}.images{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}figure{margin:0;min-width:0}.checker{display:flex;align-items:center;justify-content:center;min-height:170px;background:repeating-conic-gradient(#e6ebe2 0% 25%,#f9fbf6 0% 50%) 50%/16px 16px;border-radius:8px;overflow:hidden}.checker img{max-width:100%;max-height:220px;cursor:zoom-in;object-fit:contain}figcaption{font-size:12px;margin:9px 0}figcaption span{display:block;color:#75806e;font-size:10px}dl{border-top:1px solid #e0e6db;padding-top:16px;margin-top:24px}dl>div{display:flex;justify-content:space-between;gap:14px;font-size:12px;margin:10px 0}dt{color:#778572;flex-shrink:0}dd{margin:0;text-align:right;overflow-wrap:anywhere}#size{font-size:20px;font-weight:bold}footer{margin:25px 0 35px;color:#798774;font-size:11px}footer>p{letter-spacing:1px}details{max-width:770px}summary{cursor:pointer}button,input,select,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #84ac77;outline-offset:3px}.sr{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:760px){main{padding:22px 18px}header .privacy{font-size:10px}h1{font-size:39px}.intro{margin:35px 0 26px}.tool{grid-template-columns:1fr}.setup{border-right:0;border-bottom:1px solid #e5e9e2;padding:23px}.preview{padding:23px}#empty{margin:35px 0}.checker{min-height:130px}.intro>p:last-child{font-size:13px}}
header{flex-wrap:wrap;gap:20px}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{color:#42664f;font-size:13px;text-decoration:none}nav a:hover{text-decoration:underline}.guide{max-width:800px;margin:45px 0;color:#405c49}.guide h2,.discover h2{font-size:20px;letter-spacing:-.5px}.guide p{font-size:14px}.guide a,.site-footer a{color:#356b4e}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards a{display:flex;flex-direction:column;background:white;border:1px solid #dce4db;border-radius:12px;padding:20px;text-decoration:none;color:#284e39}.cards span{font-size:12px;color:#73806d;margin-top:7px}.site-footer{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #dce4db;padding-top:20px}.site-footer span{width:100%}.simple-tool{background:white;border:1px solid #dce4db;border-radius:16px;padding:24px;max-width:800px}.simple-tool>label{display:block;margin-bottom:12px;font-size:14px}.simple-tool textarea{display:block;width:100%;font:inherit;padding:16px;border:1px solid #b8c6b9;border-radius:8px;resize:vertical;min-height:160px}.simple-tool button{background:#ecf2e7;border:1px solid #c9d9c2;border-radius:8px;padding:10px 16px;margin-top:12px;color:#305c42;cursor:pointer}.metrics{margin-bottom:0}.metrics dd{font-size:20px;font-weight:bold}.simple-tool p{font-size:13px}@media(max-width:760px){header{gap:15px}nav{order:3;width:100%;gap:22px}.cards{grid-template-columns:1fr}.intro{margin-top:25px}.guide{margin:30px 0}.privacy{font-size:10px}}
.utility>input,.utility>select{display:block;width:100%;padding:12px;font:inherit;color:inherit;border:1px solid #b8c6b9;border-radius:8px;margin-bottom:18px;background:white}.utility>label{margin:16px 0 8px}.utility>input[type=color]{height:80px}.utility>label.check{display:flex}.utility output{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f1;border-radius:10px;padding:18px;margin-top:20px;min-height:55px}.actions{display:flex;flex-wrap:wrap;gap:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-grid>div{text-align:center;padding:16px 2px;border-radius:6px;background:#f5f8f1}.calendar-grid>[role=columnheader]{font-size:12px;font-weight:bold}.calendar-grid>.today{background:#28543e;color:white;font-weight:bold}.utility .clock-display{font-size:54px;font-variant-numeric:tabular-nums;text-align:center}.utility button:disabled{opacity:.5;cursor:default}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.cards{grid-template-columns:1fr}.calendar-grid>div{padding:12px 2px}.utility .clock-display{font-size:42px}.utility{padding:18px}h1{overflow-wrap:anywhere}}@media print{header,.intro,.discover,.site-footer,.guide,.utility>label,.utility>input,.utility>select,.actions,main>footer{display:none!important}body{background:white}main{padding:0}.utility{max-width:none;border:0}.calendar-grid>div{border:1px solid #ccc;background:white!important;color:black!important;padding:24px}.calendar-grid>.today{outline:2px solid black}}