@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#f7f8f5;--ink:#26372f;--muted:#788178;--line:#e5e9e1;--lime:#c9f479;--green:#354f3e;--white:#fff;--font:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #668842;outline-offset:4px}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.site-header{max-width:1240px;margin:auto;height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.brand{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:900;letter-spacing:-1.5px;line-height:1}.brand-icon{width:36px;height:36px;background:var(--lime);border-radius:11px;display:grid;place-items:center;transform:rotate(-7deg)}.brand-icon svg{transform:rotate(7deg);width:26px;height:26px;stroke-width:2}.brand-dot{color:#73a247;margin-left:-8px}.site-header nav{display:flex;gap:32px;font-size:13px;color:#70796f}.site-header nav a{padding:10px 0}.nav-active{font-weight:700;color:var(--ink)}.site-header nav a:hover{color:#3d6e27}.header-note{font-size:11px;display:flex;align-items:center;gap:7px;color:#6e786a}.status-dot{width:6px;height:6px;border-radius:50%;background:#7ea657;box-shadow:0 0 0 3px #eaf1e3}.hero{text-align:center;padding:44px 20px 38px}.eyebrow{font-size:12px;display:inline-flex;align-items:center;gap:7px;border:1px solid #dce4d4;border-radius:30px;padding:6px 13px;color:#607153;background:#f1f5eb}.tiny-spark{font-size:16px;line-height:1}.hero h1{font-size:53px;letter-spacing:-3.3px;font-weight:800;line-height:1.3;margin:20px 0 15px}.hero h1 span{color:#759549}.hero p{font-size:14px;color:#7b8379;margin:0;line-height:1.9}.mobile-br{display:none}.converter{max-width:1056px;margin:0 auto;background:white;border:1px solid #e0e6db;border-radius:22px;display:grid;grid-template-columns:270px minmax(0,1fr);overflow:hidden;box-shadow:0 12px 36px #25331906;scroll-margin-top:24px}.tool-menu{background:#f0f3ec;border-right:1px solid #e5e9de;padding:32px 20px 25px;display:flex;flex-direction:column}.menu-caption{font-size:11px;letter-spacing:.3px;color:#77816e;margin:0 12px 16px;font-weight:600}.tool-buttons{display:flex;flex-direction:column;gap:10px}.tool-button{position:relative;background:transparent;border:1px solid transparent;border-radius:12px;padding:16px 12px;display:flex;align-items:center;gap:11px;text-align:left;transition:background .2s,transform .2s}.tool-button:hover{background:#e6ecdf}.tool-button.active{background:#354f3e;color:#fff;border-color:#354f3e;box-shadow:0 5px 12px #30433210}.tool-icon{display:grid;place-items:center;background:#e3efda;border-radius:10px;width:36px;height:40px;color:#52733a}.tool-icon svg{width:21px;height:21px}.active .tool-icon{background:#c9f479;color:#354f3e}.tool-icon.purple{background:#e9e7f1;color:#84739a}.tool-button strong{font-size:15px;display:block;letter-spacing:.2px}.tool-button strong span{font-weight:400;padding:0 4px;opacity:.6}.tool-button small{font-size:10px;display:block;margin-top:4px;white-space:nowrap;color:#85907d}.tool-button.active small{color:#c2d1b9}.tool-chevron{margin-left:auto;width:13px;height:13px;opacity:.55}.side-note{padding:40px 14px 30px;margin-top:5px}.note-spark{display:block;color:#93ae6e;font-size:38px;line-height:1;margin-bottom:15px}.side-note strong{font-size:21px;letter-spacing:-.8px;line-height:1.5;font-weight:600;color:#6d7c60}.side-note p{font-size:11px;color:#8b9581;line-height:1.9}.mini-line{width:35px;height:2px;background:#c7d3bb;display:block;margin-top:20px}.side-bottom{display:flex;align-items:center;gap:6px;font-size:10px;color:#88937d;margin-top:auto;padding:15px 6px 0;white-space:nowrap}.side-bottom svg{width:13px;height:13px}.workspace{padding:31px 35px 20px;min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center}.step-kicker{font-size:10px;color:#8d9784;font-weight:600;letter-spacing:.6px}.workspace h2{margin:4px 0 6px;font-size:24px;letter-spacing:-1px;line-height:1.4}.workspace-heading p{font-size:12px;color:#8a9185;margin:0}.format-badge{font-size:9px;letter-spacing:1px;padding:5px 9px;background:#f3f5ef;border:1px solid #e7ebdf;border-radius:6px;color:#839072;margin-left:12px}.steps{display:flex;align-items:center;gap:12px;margin:25px 0 21px;color:#a0a69c;font-size:11px}.steps span{display:flex;gap:7px;align-items:center;white-space:nowrap}.steps b{display:grid;place-items:center;font-size:10px;font-weight:600;width:20px;height:20px;border-radius:50%;background:#f1f3ed;color:#9da792}.steps .current{color:#4a6540;font-weight:600}.steps .current b{background:#e2f3ca;color:#4c6e31}.steps i{width:29px;height:1px;background:#e2e7dc}.dropzone{border:1.5px dashed #cbd6c0;background:#fafcf7;border-radius:14px;text-align:center;padding:31px 15px 26px;transition:background .15s,border-color .15s}.dropzone.dragging{background:#ecf7d8;border-color:#6b963c}.file-art{height:101px;width:164px;position:relative;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.paper{background:white;width:67px;height:83px;border:1px solid #dee5d6;border-radius:9px;position:absolute;box-shadow:0 4px 9px #3243260a;display:flex;align-items:center;justify-content:space-around;flex-direction:column;padding:10px 8px 7px}.paper b{font-size:12px;letter-spacing:1px;line-height:1}.paper-back{left:16px;top:5px;transform:rotate(-12deg);color:#8da87a;background:#f3f7ee}.paper-back svg{width:30px;height:30px;stroke-width:1.2}.paper-front{right:13px;top:15px;transform:rotate(9deg);color:#547938;background:#fff}.landscape{width:43px;height:36px;border-radius:4px;position:relative;overflow:hidden;background:#eff6e6}.landscape span{width:9px;height:9px;background:#e1ec9b;border-radius:50%;position:absolute;left:6px;top:6px}.landscape i,.landscape em{position:absolute;width:35px;height:35px;transform:rotate(45deg);background:#bad695;top:24px;left:-4px;border-radius:4px}.landscape em{background:#91b36e;top:21px;left:23px}.art-arrow{z-index:2;width:31px;height:31px;border:3px solid #fafcf7;border-radius:50%;background:#c9f479;color:#58753c;display:grid;place-items:center;position:relative;left:1px;top:15px}.art-arrow svg{width:17px;height:17px}.art-star{position:absolute;right:6px;top:-3px;color:#96b56b;font-size:21px}.dropzone h3{font-size:18px;letter-spacing:-.5px;margin:0 0 5px;font-weight:600}.dropzone p{font-size:11px;color:#949b8c;margin:0 0 19px}.primary{border:0;background:var(--lime);color:#2a4325;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:8px;min-height:44px;padding:12px 25px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary:hover{background:#b9e968;transform:translateY(-1px)}.primary svg{width:18px;height:18px;stroke-width:2}.file-hint{display:block;font-size:10px;color:#9ba28f;margin-top:13px}.sample-row{text-align:center;font-size:10px;color:#9bA28f;margin:14px 0 18px}.sample-row button{border:0;background:none;padding:4px 6px;font-size:10px;color:#64814c;text-decoration:underline;text-underline-offset:3px}.sample-row button span{text-decoration:none;display:inline-block;padding-left:2px}.workspace-footer{display:flex;align-items:center;justify-content:center;gap:5px;color:#9ca390;font-size:10px;border-top:1px solid #edf0e7;padding-top:14px;margin-top:14px}.workspace-footer svg{width:12px;height:12px}.benefits{max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px auto 0;padding:0 20px}.benefits>div{display:flex;justify-content:center;align-items:center;gap:12px}.benefits>div>span{background:#eef2e7;border-radius:11px;width:39px;height:39px;display:grid;place-items:center;color:#7d9363}.benefits svg{width:19px;height:19px}.benefits p{margin:0}.benefits strong{display:block;font-size:11px;font-weight:600}.benefits small{display:block;font-size:10px;color:#9aa18f;margin-top:3px}.how-section{max-width:1010px;margin:83px auto 0;padding:0 20px}.section-heading{text-align:center}.small-label{font-size:9px;letter-spacing:2px;color:#93a17f;font-weight:600}.section-heading h2{font-size:29px;letter-spacing:-1.2px;margin:9px 0;font-weight:700}.section-heading p{font-size:12px;color:#8c9583;margin:0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;gap:22px}.how-grid article{position:relative;background:#f0f3eb;border:1px solid #e7ecdf;border-radius:14px;padding:25px 28px}.how-number{font-size:12px;color:#88a76b;font-weight:600;display:block;margin-bottom:16px}.how-grid h3{font-size:15px;font-weight:600;letter-spacing:-.4px;margin:0 0 9px}.how-grid p{font-size:11px;line-height:1.9;margin:0;color:#919b85}.faq-section{max-width:760px;margin:83px auto 75px;padding:0 20px}.faq-list{margin-top:26px}.faq-list details{border-bottom:1px solid #e1e7da;padding:0 2px}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;cursor:pointer;font-size:13px;font-weight:500;list-style:none}.faq-list summary::-webkit-details-marker,.advanced summary::-webkit-details-marker{display:none}.faq-list summary svg{width:16px;height:16px;color:#8f9a81}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list p{font-size:12px;color:#7e8972;line-height:1.9;margin:0 25px 22px 0}footer{max-width:1160px;padding:28px 20px 38px;border-top:1px solid #e3e8db;margin:auto;display:flex;align-items:center;gap:25px}footer .brand{font-size:21px}footer .brand-icon{width:28px;height:28px;border-radius:8px}footer .brand-icon svg{width:21px;height:21px}footer p{font-size:10px;color:#8f9883}footer>span{margin-left:auto;font-size:9px;color:#a0a794}.file-info{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:12px;margin-bottom:14px}.file-info-icon{width:34px;height:37px;display:grid;place-items:center;background:#eff5e6;border-radius:7px;color:#819765}.file-info-icon svg{width:19px;height:19px}.file-info>div:nth-child(2){min-width:0;flex:1}.file-info strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.file-info span{display:block;font-size:10px;color:#8e9982;margin-top:2px}.icon-button{border:0;background:#f5f6f2;display:grid;place-items:center;border-radius:6px;width:30px;height:30px}.icon-button svg{width:15px;height:15px}.preview-box{height:220px;background:#f2f4ee;border:1px solid #e8ecdf;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px}.preview-box img,.preview-box video{width:100%;height:100%;object-fit:contain}.preview-label{position:absolute;top:9px;left:10px;font-size:9px;border-radius:5px;background:#ffffffe0;padding:3px 7px;color:#7d8b6e;pointer-events:none}.field-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:11px}.field-row output{color:#82916e;font-size:11px}input[type=range]{width:100%;accent-color:#729852;cursor:pointer;margin:4px 0 17px;min-height:24px}.segmented{display:flex;gap:6px;background:#f2f5ed;border-radius:8px;padding:4px;margin-bottom:17px}.segmented button{flex:1;border:1px solid transparent;border-radius:6px;background:transparent;padding:9px;font-size:11px;color:#879378}.segmented button.selected{background:#fff;border-color:#dae4cd;color:#547637;box-shadow:0 2px 4px #23410705}.advanced{margin:10px 0 17px;border-top:1px solid #e7ecdf;border-bottom:1px solid #e7ecdf}.advanced summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8a70;padding:12px 0;cursor:pointer}.advanced summary svg{width:14px;height:14px}.advanced[open] summary svg{transform:rotate(45deg)}.advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.advanced label,.range-fields label{display:block;font-size:10px;color:#7b876f;margin-bottom:5px}.advanced select,.range-fields input{width:100%;border:1px solid #dfe6d6;background:#fbfcf9;padding:9px 10px;border-radius:6px;font-size:12px;color:#536543;min-height:39px}.range-fields{display:flex;align-items:center;gap:15px}.range-fields>div{flex:1;min-width:0}.range-fields>span{margin-top:20px;color:#99a98a}.option-note{font-size:10px;color:#94a086;margin:9px 0 13px}.full{width:100%}.progress-panel{margin-top:18px;background:#f2f7eb;padding:18px;border-radius:10px;text-align:center}.progress-panel>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.progress-panel strong{font-weight:600}.progress-panel p{font-size:10px;color:#8c9a7e}progress{width:100%;height:7px;appearance:none;margin-top:12px;border:0;border-radius:10px;overflow:hidden;background:#e1e8d8}progress::-webkit-progress-bar{background:#e1e8d8}progress::-webkit-progress-value{background:#8db658;border-radius:10px}progress::-moz-progress-bar{background:#8db658}.text-button{border:0;background:transparent;color:#6d8257;padding:10px;font-size:11px;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.result{text-align:center;padding:14px 0 0}.success-icon{width:43px;height:43px;background:#e7f6d2;color:#6a943d;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%}.result h3{font-size:23px;letter-spacing:-.8px;margin:0 0 5px}.result p{font-size:11px;color:#8b987c;margin:0 0 18px}.result>img{max-height:230px;max-width:100%;border-radius:9px;display:block;margin:0 auto 22px;background:#f3f6ec}.result .text-button{margin-top:7px}.message{margin:14px 0;padding:12px 14px;border-radius:8px;background:#fff3e5;color:#986a27;font-size:12px;line-height:1.8}.editor.busy .advanced,.editor.busy #gif-options,.editor.busy #video-options{pointer-events:none;opacity:.5}
@media(min-width:1450px){.hero{padding-top:55px}.hero h1{font-size:57px}.converter{max-width:1100px;grid-template-columns:280px 1fr}.workspace{padding:35px 40px 22px}.dropzone{padding-top:40px;padding-bottom:32px}.file-art{margin-bottom:20px}.steps{margin-top:28px}.benefits{margin-top:33px}}
@media(max-width:1100px){.converter{margin-left:30px;margin-right:30px;grid-template-columns:245px 1fr}.workspace{padding-left:27px;padding-right:27px}.tool-menu{padding-left:14px;padding-right:14px}.tool-button{padding-left:10px;padding-right:9px}.side-bottom{font-size:9px}.hero h1{font-size:47px}.site-header{padding:0 30px}.tool-button small{font-size:9px}}
@media(max-width:760px){.site-header{height:76px;padding:0 22px}.site-header nav{gap:18px;font-size:11px}.site-header nav a:first-child{display:none}.header-note{display:none}.brand{font-size:25px}.brand-icon{width:32px;height:32px}.hero{padding:30px 15px 29px}.hero h1{font-size:38px;letter-spacing:-2px;line-height:1.37;margin:17px 0 13px}.mobile-br{display:block}.hero p{font-size:12px}.eyebrow{font-size:10px;padding:5px 11px}.converter{display:block;margin:0 18px;border-radius:17px}.tool-menu{padding:18px 16px 16px;border-right:0;border-bottom:1px solid #e5e9de}.menu-caption{font-size:10px;margin:0 1px 11px}.tool-buttons{flex-direction:row;gap:9px}.tool-button{width:50%;padding:13px 10px;gap:8px;border-radius:10px;border-color:#dfe5d6;background:#fafbf8}.tool-button strong{font-size:13px;letter-spacing:0}.tool-icon{width:29px;height:33px;border-radius:8px}.tool-icon svg{width:17px;height:17px}.tool-button small{font-size:8px;margin-top:3px}.tool-button strong span{padding:0 1px}.tool-chevron,.side-note,.side-bottom{display:none}.workspace{padding:24px 20px 19px}.workspace h2{font-size:21px}.workspace-heading p{font-size:10px}.step-kicker{font-size:9px}.format-badge{font-size:8px;padding:4px 6px}.steps{margin:20px 0 17px;justify-content:center;gap:9px;font-size:10px}.steps i{width:22px}.steps b{width:18px;height:18px;font-size:9px}.steps span{gap:5px}.dropzone{padding:24px 12px}.file-art{transform:scale(.9);margin-bottom:9px}.dropzone h3{font-size:16px}.dropzone p{font-size:10px}.primary{min-height:46px}.sample-row{margin-bottom:13px}.workspace-footer{font-size:9px}.benefits{margin-top:23px;gap:12px;padding:0 18px}.benefits>div{flex-direction:column;gap:7px;text-align:center}.benefits>div>span{width:32px;height:32px;border-radius:10px}.benefits strong{font-size:9px;white-space:nowrap}.benefits small{font-size:8px;line-height:1.7;max-width:90px;margin:3px auto 0}.how-section{margin-top:57px;padding:0 23px}.section-heading h2{font-size:25px}.section-heading p{font-size:11px}.how-grid{grid-template-columns:1fr;margin-top:23px;gap:10px}.how-grid article{padding:20px 22px 20px 67px}.how-number{position:absolute;left:23px;top:23px;font-size:14px}.how-grid h3{font-size:14px;margin-bottom:5px}.how-grid p{font-size:11px}.how-grid p br{display:none}.faq-section{margin-top:54px;margin-bottom:47px;padding:0 26px}.faq-list summary{font-size:12px;line-height:1.7;padding:17px 0}.faq-list p{font-size:11px}.small-label{font-size:8px}footer{margin:0 22px;padding:24px 0 28px;flex-wrap:wrap;gap:12px 18px}footer>span{width:100%;margin-left:0;font-size:8px}footer p{font-size:9px}footer .brand{font-size:20px}.preview-box{height:190px}.file-info strong{font-size:11px}.file-info{padding:10px}.advanced-fields{gap:8px}}
.workspace-heading p{font-size:13px;color:#77816e}.dropzone p{font-size:12px;color:#7f8b73}.file-hint{font-size:11px;color:#808c74}.sample-row,.sample-row button{font-size:11px}.workspace-footer{font-size:11px;color:#7c8970}.tool-button small{font-size:11px;color:#7b896e}.tool-button.active small{color:#d0dec5}.benefits strong{font-size:12px}.benefits small{font-size:11px;color:#7f8b72}.how-grid p{font-size:12px;color:#7f8b72}.side-note p{font-size:12px;color:#7e8a71}.side-bottom{color:#778568}.hero p{color:#75816b}.option-note{font-size:11px;color:#7c8c6c}.file-info span{font-size:11px;color:#7d8b70}.advanced summary{font-size:12px}.faq-list p{color:#718064}
@media(max-width:760px){.workspace-heading p{font-size:12px;line-height:1.8}.tool-button small{font-size:9px}.file-hint{font-size:10px}.workspace-footer{font-size:10px}.benefits strong{font-size:10px}.benefits small{font-size:9px}.side-note p{font-size:11px}.format-badge{display:none}.sample-row,.sample-row button{font-size:11px}.how-grid p{font-size:12px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.format-picker{display:flex;align-items:center;gap:15px;justify-content:space-between;margin:0 0 18px;padding:12px 14px;background:#f4f7ef;border:1px solid #e4ebdb;border-radius:9px}.format-picker label{font-size:12px;color:#657754}.format-picker select{min-width:185px;max-width:58%;padding:9px 10px;background:white;border:1px solid #d4dfc6;border-radius:7px;color:#355529;font:inherit;font-size:12px}.side-note{padding-top:24px;padding-bottom:20px}.side-note strong{font-size:18px}.side-note .note-spark{font-size:28px}.tool-button{padding-top:12px;padding-bottom:12px}.tool-button strong{font-size:14px}.tool-button small{font-size:10px}.quick-tools{max-width:1056px;margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.quick-tools>span{font-size:11px;color:#7b8b6c;margin-right:8px}.quick-tools button{font-size:11px;background:#fff;border:1px solid #e0e7d7;padding:7px 11px;border-radius:7px;color:#61784d}.quick-tools button:hover{background:#eaf4dd;border-color:#b9ce9e}.capture-fields{display:flex;gap:12px;align-items:center}.capture-fields input,#custom-width{width:130px;border:1px solid #d7e1ca;padding:9px;border-radius:6px;font:inherit;background:#fbfcf9}.capture-fields button{padding:8px 10px;background:#f0f4e9;border-radius:6px;font-size:11px}#capture-options>label,#custom-width-field>label{display:block;font-size:11px;color:#75856a;margin-bottom:7px}#custom-width-field{margin-bottom:13px}#format-note{background:#f3f6ee;padding:9px 11px;border-radius:6px;line-height:1.7}.preview-box{background-color:#f4f6f0;background-image:linear-gradient(45deg,#e5eadd 25%,transparent 25%),linear-gradient(-45deg,#e5eadd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5eadd 75%),linear-gradient(-45deg,transparent 75%,#e5eadd 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
@media(max-width:760px){.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-button{width:100%;padding:10px 8px}.tool-button:last-child{grid-column:1/-1}.tool-button strong{font-size:12px}.tool-button small{font-size:9px}.tool-menu{padding-top:15px;padding-bottom:15px}.format-picker{display:block;padding:11px}.format-picker label{display:block;margin-bottom:7px;font-size:11px}.format-picker select{width:100%;max-width:100%;min-width:0}.quick-tools{margin:17px 20px 0;gap:6px}.quick-tools>span{width:100%;text-align:center;margin-bottom:3px}.quick-tools button{font-size:10px}.hero{padding-top:23px;padding-bottom:24px}.capture-fields{gap:8px}.capture-fields input{width:95px}}
.tool-icon.mint{background:#d9eee1;color:#4c8a64}.tool-button.active .tool-icon.mint{background:#c9f479;color:#354f3e}.new-label{font-style:normal;font-size:8px;letter-spacing:.5px;color:#77934f;background:#e6f4d2;padding:2px 4px;border-radius:4px;margin-left:3px;vertical-align:middle}.active .new-label{color:#c9f479;background:#526c3d}.background-intro{background:#f0f7e7;border:1px solid #dce9ca;border-radius:10px;padding:12px 15px;margin-top:19px}.background-intro>span{font-size:12px;font-weight:600;color:#59793f}.background-intro p{font-size:11px;color:#81906d;margin:4px 0 0}.background-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.background-compare figure{margin:0;min-width:0}.background-compare figcaption{font-size:11px;color:#6c7d5e;text-align:left;padding:0 2px 7px}.background-compare figure>div{aspect-ratio:1;background-color:#f1f4ec;border-radius:10px;overflow:hidden;border:1px solid #dfe7d5;display:flex;align-items:center;justify-content:center}.background-compare img{width:100%;height:100%;object-fit:contain}.checkerboard{background-color:#fff!important;background-image:linear-gradient(45deg,#e1e6da 25%,transparent 25%),linear-gradient(-45deg,#e1e6da 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e1e6da 75%),linear-gradient(-45deg,transparent 75%,#e1e6da 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0!important}.background-colors{display:flex;flex-wrap:wrap;gap:7px;align-items:center;text-align:left;margin:16px 0}.background-colors>span{font-size:11px;color:#748466;margin-right:6px}.background-colors button,.background-colors label{display:flex;align-items:center;gap:5px;border:1px solid #dfe6d6;background:#fff;padding:7px 9px;border-radius:7px;font-size:10px;cursor:pointer;min-height:36px}.background-colors .selected{border-color:#87ac58;background:#eff8e2;color:#4e6f33;box-shadow:0 0 0 1px #87ac58}.swatch{width:17px;height:17px;display:inline-block;border:1px solid #dce2d5;border-radius:4px}.background-colors input[type=color]{appearance:none;cursor:pointer;padding:0;width:20px;height:22px;border:0;background:none}.background-colors input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.background-colors input[type=color]::-webkit-color-swatch{border-radius:4px;border:1px solid #dce2d5}.result #background-result>.option-note{font-size:10px;line-height:1.8;margin-bottom:18px}a[aria-disabled=true]{opacity:.5;cursor:wait}
@media(max-width:760px){.tool-button:last-child{grid-column:auto}.background-compare{gap:8px}.background-colors{gap:6px}.background-colors>span{width:100%}.background-colors button,.background-colors label{padding:7px;font-size:10px}.background-intro p{font-size:11px}.new-label{font-size:7px}.background-compare figcaption{font-size:10px}}

.background-options{margin:18px 0;text-align:left}.background-options>label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.background-options select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d9e3cd;border-radius:8px;background:#fff;color:#354f3e;font:inherit;font-size:12px}

.pdf-nav-link{display:block;margin:15px 0;padding:13px;border:1px solid #cbd9b7;border-radius:10px;font-size:12px;font-weight:600;background:#edf5e2;color:#516c38;text-decoration:none}.pdf-nav-link span{float:right}.pdf-nav-link small{display:block;font-size:9px;font-weight:400;margin-top:5px;color:#829570}@media(max-width:760px){.pdf-nav-link{margin:10px 0 0;text-align:center}.pdf-nav-link span{float:none}.pdf-nav-link small{display:inline;margin-left:8px}}