@font-face{font-family:Fraunces;src:url('/fonts/fraunces-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url('/fonts/fraunces-italic-display.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
:root{--paper:#f6f3ec;--ink:#252820;--muted:#676a5d;--line:#d9d9ca;--green:#384c31;--lime:#e3eacb;--white:#fffef9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next','Segoe UI',sans-serif;line-height:1.55;font-size:15px}a{color:inherit;text-underline-offset:3px}button,input,select{font:inherit}button,label.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #96ab6e;outline-offset:3px}[hidden]{display:none!important}.masthead,main,footer{max-width:1340px;margin:auto;padding-left:40px;padding-right:40px}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:90px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:Fraunces,Georgia,serif;font-size:25px;letter-spacing:-1px}.brand span{font-style:italic;color:var(--muted)}nav{display:flex;gap:25px;font-size:13px}nav a{text-decoration:none}.intro{padding:65px 0 48px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}h1,h2,h3,p{margin-top:0}h1{font-family:Fraunces,Georgia,serif;font-weight:450;font-size:clamp(38px,5.1vw,66px);line-height:1.08;letter-spacing:-2px;margin-bottom:22px}h1 em{font-weight:400;color:var(--green)}.intro>p:not(.eyebrow){color:var(--muted);font-size:16px}.intro-meta{display:flex;gap:22px;font-size:12px}.intro-meta span:before{content:'✓';color:var(--green);margin-right:6px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line);background:var(--white);border-radius:15px;overflow:hidden}.editor{padding:24px}.section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.section-bar h2{font-size:15px;margin:0}.step{font-weight:400;color:var(--muted);margin-right:9px}.section-bar>span{font-size:12px;color:var(--muted)}.dropzone{border:1px dashed #9da48e;border-radius:9px;text-align:center;padding:27px 16px;background:#f7f8ef;transition:background .15s}.dropzone.dragover{background:var(--lime);border-color:var(--green)}.upload-mark{display:block;font-size:38px;line-height:1.1;color:var(--green)}.dropzone h3{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:25px;margin:9px 0}.dropzone p{font-size:12px;color:var(--muted);margin-bottom:20px}.button{display:inline-block;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:13px;text-align:center}.button:hover{background:var(--paper)}.button.primary{background:var(--green);color:white;border-color:var(--green)}.button.primary:hover{background:#273a22}.button.buy{background:var(--lime);border-color:#c3d29e}.notice{font-size:12px;color:var(--muted);margin:14px 0}.notice.error{color:#a53423}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pair-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.pair-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;border-bottom:1px solid var(--line)}.pair-state{color:var(--muted);font-size:11px}.pair-preview{display:block;width:100%;height:auto;aspect-ratio:16/9;background:repeating-conic-gradient(#f0f0eb 0% 25%,#fafaf7 0% 50%) 50%/16px 16px}.pair-source{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px 12px}.source-name{font-size:10px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;max-width:100%}.source-button{border:0;background:none;padding:0;color:var(--green);font-size:11px;text-decoration:underline;cursor:pointer}.pair-actions{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.pair-actions button{font-size:11px;padding:5px 9px}.pair-error{font-size:11px;padding:0 12px;color:#a53423;margin-bottom:9px}.empty-hint{padding:35px 25px;text-align:center;font-size:12px;color:var(--muted)}.style-panel{background:#f0f1e7;padding:24px;border-left:1px solid var(--line)}.style-panel label{display:block;font-size:11px;font-weight:600;margin-bottom:14px}.style-panel input:not([type=checkbox]),.style-panel select{display:block;width:100%;height:38px;padding:8px 9px;background:var(--white);border:1px solid #cdd0bf;border-radius:5px;margin-top:6px;font-size:12px;color:var(--ink)}.style-panel input[type=color]{padding:4px}.style-panel input[type=file]{height:auto;font-size:10px;padding:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.style-panel .check-field{display:flex;align-items:center;gap:7px;font-weight:400}.check-field input{accent-color:var(--green)}.muted{font-weight:400;color:var(--muted)}.fine-print{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0}.preset-row{display:flex;gap:5px;margin-bottom:20px}.preset{background:transparent;border:1px solid #cdd0bf;border-radius:5px;padding:7px 9px;font-size:11px;flex:1}.preset.active{background:var(--green);border-color:var(--green);color:white}.text-button{background:none;border:0;padding:0;text-decoration:underline;font-size:11px;margin:-8px 0 15px}.export-panel{border-top:1px solid #cdd0bf;margin-top:20px;padding-top:18px}.export-panel h3{font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:450;margin-bottom:9px}.export-panel>p:not(.eyebrow):not(.fine-print){font-size:12px;color:var(--muted)}.export-panel>.button{width:100%;margin-top:9px}.pass-status{font-size:11px;line-height:1.5;color:var(--green)}.queue-panel{margin-top:20px;background:var(--lime);border:1px solid #c3d29e;border-radius:9px;padding:23px;display:flex;gap:25px;justify-content:space-between;align-items:center}.queue-panel h2{font-size:17px;margin-bottom:6px}.queue-panel p{font-size:12px;margin-bottom:7px}.queue-panel progress{width:100%;accent-color:var(--green)}.queue-panel>div:first-child{flex:1}.queue-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:370px}.examples{padding:65px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;border-bottom:1px solid var(--line)}.examples h2,.help>h2{font-family:Fraunces,Georgia,serif;font-size:32px;font-weight:450;line-height:1.16;letter-spacing:-.6px}.examples>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}figure{margin:0;background:#edeade;border-radius:7px;padding:14px;align-self:start}.example-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.example-pair img{width:100%;height:150px;object-fit:cover}.example-pair.product img{object-fit:contain;background:white}figcaption{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:12px;padding-top:8px}figure>p{font-size:10px;color:var(--muted);margin:14px 0 0}.help{padding:55px 0 65px}.help-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;padding:13px 0 28px}.help-grid h3{font-size:15px}.help-grid p,details p{font-size:13px;color:var(--muted)}details{padding:16px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:13px}details p{margin:13px 0 0}footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:32px;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer p{font-size:12px;color:var(--muted);margin:0;flex:1}footer nav{gap:17px;font-size:11px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:950px){.pair-grid{grid-template-columns:1fr}.workspace{grid-template-columns:minmax(0,1fr) 290px}.masthead,main,footer{padding-left:24px;padding-right:24px}.examples{gap:18px;grid-template-columns:1fr 1fr}.examples>div{grid-column:1/-1}}@media(max-width:650px){.masthead{padding-top:18px;padding-bottom:18px;flex-wrap:wrap;gap:14px}.masthead nav{gap:15px;font-size:11px}.masthead,main,footer{padding-left:17px;padding-right:17px}.intro{padding-top:36px}.intro>p br{display:none}h1{letter-spacing:-1.2px}.intro-meta{gap:12px;font-size:10px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.style-panel{border-left:0;border-top:1px solid var(--line)}.editor,.style-panel{padding:18px}.queue-panel{display:block}.queue-actions{margin-top:15px}.examples{grid-template-columns:1fr;padding:38px 0}.examples>div{grid-column:auto}.example-pair img{height:190px}.help-grid{grid-template-columns:1fr;gap:15px}.help{padding-top:35px}.help>h2{font-size:29px}.help-grid h3{margin-bottom:7px}footer p{flex-basis:100%}}

.batch-list-actions{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted)}.batch-list-actions .text-button{margin:0;font-size:11px}.batch-ad-placement{border:1px solid var(--line);text-align:center}

.sandbox-notice{padding:12px 16px;border:1px solid #d6aa4e;border-radius:8px;background:#fff4d8;color:#654b14;font-size:14px;font-weight:600}