@font-face{font-family:DM Sans;src:url('/assets/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--paper:#f7f8f0;--white:#fff;--ink:#213d29;--muted:#637256;--forest:#285735;--forest-deep:#1b4128;--grass:#557b2f;--lime:#bdd75f;--lime-soft:#eaf1d1;--earth:#8b6b46;--earth-soft:#f3ecdd;--accent:var(--forest);--accent-hover:var(--forest-deep);--green:#416b35;--line:#dce3ce;--soft:#edf1e2;--font:'DM Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font:16px/1.6 var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5e873f;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #5e873f;outline-offset:1px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}svg.icon{vertical-align:middle;flex-shrink:0}img,canvas,video{max-width:100%}[hidden]{display:none!important}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.header{height:84px;position:sticky;top:0;z-index:30;background:#f7f8f0f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{height:100%;max-width:1260px;padding:0 28px;margin:auto;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{display:flex;align-items:center;font-size:24px;letter-spacing:-1.1px;white-space:nowrap;gap:10px}.brand strong{font-weight:750}.brand-mark{width:38px;height:40px;display:grid;place-items:center;background:var(--accent);border-radius:10px;color:#fff}.brand-name{font-weight:420}.nav{display:flex;gap:28px;font-size:15px;color:#4b6244}.nav a:hover,.text-link:hover{color:var(--accent)}.button{border:1px solid var(--line);border-radius:8px;background:white;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:650;font-size:15px;line-height:1.6}.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 4px 10px #2857351a}.primary:hover{background:var(--accent-hover)}.button .icon{width:18px;height:18px}.header-cta{padding:10px 16px;font-size:14px;background:var(--lime-soft);border-color:#d3deaf;color:var(--forest-deep)}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:750;color:var(--muted);display:flex;align-items:center;gap:8px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:55px;min-height:470px;padding-top:58px;padding-bottom:60px}.hero h1{font-size:62px;font-weight:650;line-height:1.08;margin:19px 0 20px;letter-spacing:-3.1px}.hero h1 span{color:var(--grass)}.hero-description{font-size:17px;color:#637256;max-width:435px;line-height:1.8}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:26px}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600}.text-link .icon{width:16px;height:16px}.hero-trust{display:flex;gap:23px;margin-top:24px;color:#637256;font-size:12px}.hero-trust span{display:flex;gap:6px;align-items:center}.hero-trust .icon{width:14px;height:14px;color:var(--green)}.hero-art{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px dashed #d6e0bf;border-radius:50%;width:340px;height:300px;transform:rotate(-24deg)}.art-orbit.two{width:420px;height:250px;transform:rotate(30deg);border-color:#dfd4bd}.photo-stack{width:245px;height:283px;background:#fff;border:1px solid #dce0cc;border-radius:12px;box-shadow:0 15px 35px #37492914;padding:12px;transform:rotate(-5deg);position:relative;z-index:2}.photo-stack:before{content:'';position:absolute;inset:0;transform:rotate(11deg);background:#ebe5d5;border:1px solid #d5ddc2;border-radius:12px;z-index:-1}.art-picture{height:209px;border-radius:6px;overflow:hidden;background:#dde8d3;position:relative}.art-picture svg{width:100%;height:100%;object-fit:cover}.photo-caption{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:11px;letter-spacing:.5px}.photo-caption small{color:#637256;font-size:9px}.float-chip{position:absolute;z-index:4;border:1px solid var(--line);background:white;border-radius:10px;box-shadow:0 10px 30px #3749290d;display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:12px}.float-chip .icon{width:20px;height:20px}.chip-convert{left:-4px;top:42px;transform:rotate(-5deg)}.chip-convert i{font-style:normal;background:#eee5d4;padding:7px;color:#82603e;border-radius:6px}.chip-convert small{color:#637256}.chip-size{right:-8px;bottom:43px;transform:rotate(3deg)}.chip-size b{font-size:13px}.chip-size small{display:block;font-size:10px;color:#637256}.check-disc{background:#e5efc9;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;color:#56742e}.check-disc .icon{width:16px;height:16px}.art-star{position:absolute;top:8px;right:42px;font-size:25px;color:#8da93e}.art-tiny{position:absolute;bottom:3px;font-size:9px;letter-spacing:2.2px;color:#637256}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:34px;font-weight:620;margin-top:10px;letter-spacing:-1.3px}.section-heading>p{font-size:14px;color:var(--muted);max-width:260px}.toolbox{padding-top:24px;padding-bottom:64px}.tool-search{position:relative;width:100%;max-width:410px}.tool-search .icon{position:absolute;left:16px;top:13px;width:19px;height:19px;color:#69825a}.tool-search input{padding:12px 16px 12px 45px;width:100%;background:white;border:1px solid var(--line);border-radius:8px;font-size:15px}.catalog-controls{display:flex;align-items:center;justify-content:space-between;margin:24px 0 22px;gap:16px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{background:transparent;border:1px solid transparent;padding:7px 12px;border-radius:6px;white-space:nowrap;font-size:13px;color:#637256}.tab.active{background:#e3edc6;color:#35572d;border-color:#cddbb0;font-weight:650}.tool-count{font-size:12px;color:#637256;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.tool-card{display:flex;flex-direction:column;position:relative;min-height:171px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 19px;transition:border-color .18s,transform .18s,box-shadow .18s}.tool-card:hover{border-color:#92aa68;transform:translateY(-3px);box-shadow:0 7px 17px #3749290d}.tool-card h3{font-size:16px;line-height:1.4;letter-spacing:-.25px;margin-top:14px;font-weight:650}.tool-card p{font-size:14px;color:#637256;line-height:1.65;margin-top:6px;max-width:210px}.tool-symbol{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#e8efdc;color:#4e7234}.tool-symbol .icon{width:20px;height:20px}.tone-2{background:#f3e9d9;color:#83613e}.tone-3{background:#e8edcf;color:#617a28}.tone-4{background:#e1ecdf;color:#356343}.tone-5{background:#eee6d7;color:#856745}.tone-6{background:#dce8d7;color:#2f623b}.card-arrow{position:absolute;right:16px;top:25px;color:#93a476}.card-arrow .icon{width:15px;height:15px}.pill{position:absolute;right:13px;top:15px;font-size:10px;background:#e5edc9;color:#4d6a2c;border-radius:4px;padding:3px 6px;letter-spacing:.3px}.pill+.card-arrow{display:none}.empty{padding:50px;text-align:center;color:var(--muted)}.catalog-bottom{text-align:center;color:#637256;font-size:13px;letter-spacing:.3px;margin-top:30px}.how{border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px}.how-grid{display:grid;grid-template-columns:1.1fr 2fr;gap:85px}.how h2{font-size:36px;margin-top:15px;font-weight:600}.how>p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;padding-top:10px}.step-num{color:#9dae68;font-size:24px;font-weight:450}.steps h3{font-size:16px;letter-spacing:-.2px;margin:17px 0 9px}.steps p{font-size:14px;line-height:1.8;color:var(--muted)}.privacy-banner{margin-top:10px;margin-bottom:65px;background:#e4eccd;border:1px solid #d3debc;border-radius:13px;padding:36px 40px;display:flex;align-items:center;gap:25px}.privacy-banner>.icon{width:43px;height:43px;color:#557b2f}.privacy-banner h2{font-size:25px;font-weight:600;margin:8px 0}.privacy-banner p{color:#567145;font-size:14px;max-width:610px}.privacy-banner .text-link{margin-left:auto;white-space:nowrap;color:var(--green)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:95px;margin-bottom:80px}.faq h2{font-size:34px;margin-top:14px;font-weight:600}.faq-lead{font-size:14px;color:var(--muted);margin-top:14px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:#6c8553}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:10px}.footer{border-top:1px solid var(--line);padding:29px 28px 24px;text-align:center;font-size:12px;color:#637256}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.footer a:hover{color:var(--accent)}.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;max-width:1144px;margin:auto;font-size:12px;color:#637256}.footer-bottom>span:first-child{grid-column:2;text-align:center}.footer-bottom>span:last-child{grid-column:3;justify-self:end;min-width:0;max-width:100%;text-align:right}.tool-head{padding-top:34px;padding-bottom:27px}.breadcrumbs{font-size:12px;color:#637256;margin-bottom:25px;display:flex;gap:8px;align-items:center}.breadcrumbs a:hover{color:var(--accent)}.tool-headline{display:flex;align-items:center;gap:16px}.tool-headline .tool-symbol{width:48px;height:48px;border-radius:11px}.tool-headline .icon{width:25px;height:25px}.tool-head h1{font-size:36px;letter-spacing:-1.3px;font-weight:650}.tool-head p{margin-top:8px;color:var(--muted);font-size:15px}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding-bottom:28px;align-items:start}.work-area,.settings-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.drop-zone{border:1.5px dashed #c6d4ae;border-radius:9px;padding:38px 18px;text-align:center;background:#f7f9ef;position:relative;transition:background .2s,border-color .2s}.drop-zone.drag{background:#eaf1d1;border-color:var(--green)}.drop-zone>.icon{width:34px;height:34px;color:#73964d;margin-bottom:13px}.drop-zone h2{font-size:19px;font-weight:550;letter-spacing:-.3px}.drop-zone p{font-size:13px;color:#637256;margin:9px 0 19px}.drop-zone .button{font-size:15px}.local-hint{font-size:12px;color:#637256;display:flex;justify-content:center;align-items:center;gap:5px;margin-top:13px}.local-hint .icon{width:12px;height:12px}.sample-button{margin-top:12px;border:0;background:transparent;font-size:13px;text-decoration:underline;text-underline-offset:3px;color:#577348}.work-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#637256;margin-bottom:17px}.work-title button{font-size:12px;letter-spacing:0;color:#637256;border:0;background:transparent}.file-list{display:flex;flex-direction:column;gap:7px;margin:18px 0}.file-row{background:#f4f7ed;border:1px solid #e2e9d4;border-radius:7px;display:flex;align-items:center;padding:8px 10px;gap:10px;font-size:14px}.file-row img{width:36px;height:36px;object-fit:cover;border-radius:4px;background:#e4ebd6}.file-meta{flex:1;min-width:0}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.file-row small{color:#637256;font-size:12px}.file-row button{border:0;background:transparent;color:#69825a;padding:4px}.file-row .icon{width:14px;height:14px}.preview-box{position:relative;min-height:240px;display:flex;align-items:center;justify-content:center;background-color:#f1f4e8;background-image:linear-gradient(45deg,#e4ebd6 25%,transparent 25%),linear-gradient(-45deg,#e4ebd6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4ebd6 75%),linear-gradient(-45deg,transparent 75%,#e4ebd6 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;border:1px solid #dce4cb;border-radius:8px;overflow:hidden;padding:16px}.preview-box canvas{display:block;max-height:480px;object-fit:contain;background:transparent;touch-action:none}.preview-box canvas.interactive{cursor:crosshair}.preview-label{display:block;font-size:12px;color:#637256;text-align:center;margin-top:10px}.preview-box video{max-height:340px}.settings-panel{padding:23px}.panel-heading{font-size:15px;font-weight:650;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.panel-heading .icon{width:16px;height:16px;color:#69825a;margin-right:7px}.field{display:block;margin-bottom:15px;font-size:14px;color:#526849}.field>span{display:block;margin-bottom:6px;font-weight:600}.field input:not([type=checkbox]):not([type=range]):not([type=color]),.field select,.field textarea{width:100%;border:1px solid #cbd8b7;border-radius:6px;background:#fff;padding:9px 10px;font-size:15px;color:#294c30;min-width:0}.field input[type=color]{width:100%;height:37px;border:1px solid #cbd8b7;border-radius:6px;background:white;padding:4px}.field textarea{min-height:88px;resize:vertical}.field input[type=range]{width:100%;accent-color:var(--grass)}.field .value{float:right;color:#637256;font-weight:400}.field small,.settings-note{font-size:12px;color:#637256;line-height:1.7;display:block;margin-top:5px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-field{display:flex;gap:8px;align-items:center;font-size:13px;color:#5b714b;margin-bottom:14px}.check-field input{accent-color:var(--green)}.settings-panel .run{width:100%;margin-top:9px}.secondary-run{width:100%;margin-top:9px}.settings-badge{display:flex;justify-content:center;gap:5px;font-size:12px;color:#637256;margin-top:13px}.settings-badge .icon{width:12px;height:12px}.status{padding:12px 14px;border:1px solid #ccddb4;border-radius:7px;font-size:14px;color:#416132;background:#edf4df;margin-top:17px;word-break:break-word}.status.error{background:#f6eee3;border-color:#e6d4bc;color:#974e35}.status.working{background:#f3eddf;color:#7c603b;border-color:#ddceb5}.result-panel{margin-top:20px}.result-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.result-top h3{font-size:16px;font-weight:600}.result-top .button{font-size:13px;padding:7px 11px}.result-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;border-radius:7px;margin-top:8px;font-size:14px}.result-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.result-row small{display:block;color:#637256;font-size:12px}.result-row .button{padding:7px 10px;font-size:13px}.result-text{width:100%;min-height:160px;border:1px solid var(--line);border-radius:7px;padding:12px;font:13px/1.6 monospace;background:#f5f8ee;resize:vertical}.notice{border:1px solid #dce2ca;background:#f0f2e5;border-radius:8px;padding:15px 18px;margin-bottom:30px;display:flex;align-items:start;gap:9px;font-size:13px;line-height:1.85;color:#5d714d}.notice .icon{width:15px;height:15px;margin-top:2px}.tool-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:18px;margin-bottom:42px}.tool-guide div{border-top:1px solid var(--line);padding-top:20px}.tool-guide h3{font-size:14px;letter-spacing:-.1px;margin-bottom:8px}.tool-guide p{font-size:13px;color:var(--muted);line-height:1.8}.related{border-top:1px solid var(--line);padding-top:30px;padding-bottom:55px}.related h2{font-size:23px;font-weight:600;margin-bottom:20px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.swatch{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left}.swatch i{display:block;height:50px}.swatch b{font-size:13px;display:block;padding:7px 8px}.data-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px;table-layout:fixed}.data-table th,.data-table td{text-align:left;padding:8px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.data-table th{color:#536d42;background:#f3f6e9}.contrast-card{padding:20px;border-radius:7px;margin-top:14px;border:1px solid var(--line);font-size:20px;font-weight:600}.contrast-meta{font-size:14px;margin-top:8px;color:#5b714b}.policy{max-width:780px;padding-top:50px;padding-bottom:70px}.policy h1{font-size:40px;margin-bottom:25px}.policy h2{font-size:23px;margin-top:30px;margin-bottom:12px}.policy p,.policy li{font-size:15px;color:#637256;line-height:1.9;margin-bottom:15px}.policy a{color:var(--accent);text-decoration:underline}.progress-track{height:3px;background:#d6e3bd;border-radius:2px;margin-top:10px;overflow:hidden}.progress-track i{height:100%;display:block;background:var(--green);transition:width .2s}.manual-help{font-size:13px;line-height:1.7;color:#637256;margin:12px 0}.view3d{height:420px;background:#edf2e1;border-radius:8px;overflow:hidden}.view3d canvas{display:block;width:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#254b2e;color:#fff;border-radius:6px;padding:10px 18px;font-size:14px;z-index:100}.asset-input{font-size:13px!important}.undo-line{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.undo-line button{font-size:12px;padding:5px 10px}.crop-info{font-size:13px;color:#5b714b;margin-top:10px}
@media(min-width:1500px){.hero{min-height:500px}.hero-art{margin-left:30px;margin-right:20px}}@media(max-width:1060px){.nav{gap:17px}.tool-grid{grid-template-columns:repeat(3,1fr)}.hero{gap:30px}.hero h1{font-size:53px}.hero-art{transform:scale(.9)}.catalog-controls{align-items:start}.tabs{max-width:650px}.how-grid{gap:40px}.tool-layout{grid-template-columns:minmax(0,1fr) 290px}.faq{gap:45px}}@media(max-width:800px){.nav a:nth-child(n+3){display:none}.hero{grid-template-columns:1fr 1fr;gap:5px;min-height:430px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-description{font-size:15px}.hero-art{transform:scale(.76);margin:-50px}.hero-trust{gap:12px;flex-wrap:wrap}.hero-actions{gap:15px;flex-wrap:wrap}.tool-layout{grid-template-columns:1fr 270px;gap:14px}.work-area,.settings-panel{padding:17px}.how-grid{grid-template-columns:1fr;gap:25px}.privacy-banner{padding:27px;flex-wrap:wrap}.privacy-banner .text-link{margin-left:68px}.faq{gap:35px}.section-heading h2{font-size:31px}.tool-card{padding:18px 15px}.tool-head h1{font-size:30px}}@media(max-width:620px){.wrap{padding-left:20px;padding-right:20px}.header{height:70px}.header-inner{padding:0 20px;gap:15px}.brand{font-size:20px;letter-spacing:-.8px;gap:8px}.brand-mark{height:33px;width:32px;border-radius:8px}.brand-mark .icon{width:21px;height:21px}.nav{display:none}.header-cta{font-size:12px;padding:8px 10px;gap:7px}.hero{display:block;padding-top:40px;padding-bottom:24px;min-height:0}.hero h1{font-size:46px;line-height:1.06;margin:17px 0;letter-spacing:-2.5px}.hero-description{font-size:15px;max-width:340px}.hero-actions{margin-top:22px}.hero-actions .button{font-size:14px;padding:11px 16px}.hero-trust{margin-top:18px;font-size:12px;gap:17px}.hero-art{height:285px;min-height:285px;transform:scale(.8);margin:-10px -15px -22px}.hero-art .chip-convert{left:0}.hero-art .chip-size{right:0}.eyebrow{font-size:10px;letter-spacing:1.8px}.toolbox{padding-top:20px;padding-bottom:38px}.section-heading{display:block;margin-bottom:18px}.section-heading h2{font-size:30px}.section-heading .tool-search{margin-top:20px;max-width:none}.catalog-controls{display:block;margin-top:15px}.tabs{gap:3px}.tab{font-size:12px;padding:6px 8px}.tool-count{margin-top:12px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-card{min-height:175px;padding:17px 13px;border-radius:9px}.tool-card h3{font-size:15px;line-height:1.4}.tool-card p{font-size:13px;line-height:1.65}.tool-symbol{width:32px;height:32px}.tool-symbol .icon{width:18px;height:18px}.card-arrow{top:22px;right:12px}.pill{font-size:9px;right:9px;top:18px}.how{padding-top:40px;padding-bottom:38px}.how h2{font-size:32px}.steps{grid-template-columns:1fr;gap:20px}.steps>div{display:grid;grid-template-columns:35px 1fr;column-gap:15px}.step-num{grid-row:1/3}.steps h3{margin:4px 0 5px}.steps p{grid-column:2}.privacy-banner{margin:0 20px 40px;padding:25px 22px;gap:15px}.privacy-banner h2{font-size:23px}.privacy-banner>.icon{width:30px;height:30px}.privacy-banner>div{flex:1;min-width:180px}.privacy-banner .text-link{margin-left:45px;font-size:13px}.faq{display:block;margin-bottom:45px}.faq h2{font-size:30px}.faq-lead{margin-bottom:20px}.faq details{padding:15px 0}.footer-links{gap:10px 15px;font-size:12px}.footer-bottom{grid-template-columns:minmax(0,1fr);gap:10px;justify-items:center}.footer-bottom>span:first-child,.footer-bottom>span:last-child{grid-column:1;justify-self:center;text-align:center}.tool-head{padding-top:23px;padding-bottom:23px}.breadcrumbs{font-size:11px;flex-wrap:wrap;margin-bottom:21px}.tool-headline{gap:12px}.tool-headline .tool-symbol{width:40px;height:40px;flex-shrink:0}.tool-head h1{font-size:28px;letter-spacing:-1px}.tool-head p{font-size:14px}.tool-layout{display:flex;flex-direction:column;padding-bottom:20px}.work-area,.settings-panel{width:100%;padding:20px}.settings-panel{order:2}.preview-box{min-height:180px;padding:10px}.drop-zone{padding:27px 12px}.drop-zone h2{font-size:17px}.notice{font-size:12px;padding:13px}.tool-guide{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.tool-guide h3{font-size:14px}.related{padding-top:25px}.result-row{flex-wrap:wrap}.result-row .button{padding:7px}.view3d{height:320px}.policy{padding-top:35px}.policy h1{font-size:33px}.policy p,.policy li{font-size:14px}.swatches{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:620px){.hero-art{overflow:hidden}}

::selection{background:var(--lime);color:var(--forest-deep)}

@media(max-width:620px){.field input:not([type=checkbox]):not([type=range]):not([type=color]),.field select,.field textarea,.tool-search input{font-size:16px}}

.tool-symbol > .icon{transform-box:view-box;transform-origin:center}
.tool-symbol > .tool-icon-animating{will-change:transform}

/* Readable, server-rendered tool guides. */
.seo-section{margin:28px 0 34px}
.seo-section h2{font-size:27px;line-height:1.3;font-weight:650;letter-spacing:-.5px;margin-bottom:15px}
.seo-section>p{max-width:85ch;font-size:17px;line-height:1.85;color:var(--muted)}
.seo-section .tool-guide{list-style:none;padding:0;margin-top:20px}
.seo-section .tool-guide>li{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.seo-section .tool-guide h3{font-size:17px;line-height:1.45}
.seo-section .tool-guide p{font-size:16px;line-height:1.85}
.tool-faq{margin-top:40px;margin-bottom:42px}
.tool-faq .faq-lead{max-width:35ch;line-height:1.75}
.tool-faq summary{font-size:17px;line-height:1.5}
.tool-faq details p{font-size:16px;line-height:1.85}
.browse-tools{margin-top:24px}
@media(max-width:620px){.seo-section h2{font-size:24px}.seo-section>p{font-size:16px}.tool-faq{margin-top:30px}.tool-faq summary{font-size:16px}}
.tool-headline{align-items:flex-start}
.tool-headline>.tool-symbol{margin-top:3px}