.thumbnail-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;padding-block:52px 76px}
.thumbnail-intro h1{font-size:clamp(3.5rem,6.5vw,6rem);line-height:1.03}.thumbnail-intro h1 span{color:var(--purple)}
.thumbnail-intro>div:last-child{max-width:52ch}.thumbnail-intro p{color:#c2c5b8;font-size:17px;line-height:1.65}.thumbnail-intro .thumbnail-lead{color:var(--paper);font-size:25px;line-height:1.3;margin-bottom:16px}.thumbnail-intro .hero-actions{margin-top:26px;gap:22px;flex-wrap:wrap}
.thumbnail-editor-section{background:var(--paper);color:var(--ink);padding:58px 0 64px;scroll-margin-top:24px}.thumbnail-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.thumbnail-editor-heading h2{font-size:40px}.thumbnail-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:42px;align-items:start}.thumbnail-preview-column{min-width:0}.thumbnail-preview{aspect-ratio:16/9;background:#e9e4d5;overflow:hidden;border-radius:12px;box-shadow:0 12px 24px #1b200f18}.thumbnail-preview>svg,.thumbnail-preview>img{display:block;width:100%;height:100%;object-fit:contain}.thumbnail-preview-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:14px;color:#525848}.thumbnail-preview-caption span:first-child{font-weight:600;color:#272d20}
.thumbnail-controls fieldset{border:0;padding:0;margin:0;min-width:0}.thumbnail-controls label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;margin-bottom:7px}.thumbnail-controls label span{font-size:12px;font-weight:400;color:#58604d}.thumbnail-controls input[type=text],.thumbnail-controls select,.thumbnail-buy-box select{width:100%;border:1px solid #a6ad99;border-radius:6px;padding:11px 12px;background:transparent;color:var(--ink);font-size:13px;min-height:44px}.thumbnail-controls #thumbnail-style{margin-bottom:20px}.thumbnail-controls input:focus-visible,.thumbnail-controls select:focus-visible{outline-color:#64439d}.thumbnail-input-note{font-size:12px;line-height:1.6;color:#58604d;margin:7px 0 16px}.thumbnail-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.thumbnail-photo-controls{border-top:1px solid #bfc4b4;padding-top:18px}.thumbnail-photo-controls input{font-size:12px;width:100%;border:1px solid #b8bead;border-radius:6px;padding:8px}.thumbnail-photo-controls input::file-selector-button{background:var(--ink);color:var(--paper);border:0;padding:8px 10px;border-radius:6px;font:inherit;margin-right:8px;cursor:pointer}.thumbnail-photo-controls .text-link{color:#4f366e;font-size:12px;margin-bottom:15px;background:none;padding:0}.thumbnail-pairing{font-size:12px;line-height:1.6;color:#4f5742;margin:12px 0 16px}.thumbnail-pairing strong{display:block;font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:3px;color:#68735b}.thumbnail-reset{background:transparent;color:#3f4c30;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:4px 0}.thumbnail-export{border-top:1px solid #bfc4b4;padding-top:22px;margin-top:22px}.thumbnail-export .button{width:100%;justify-content:space-between}.thumbnail-export .button:hover{background:#cce956}.thumbnail-export .thumbnail-input-note{margin-bottom:0}.thumbnail-status{font-size:12px;min-height:20px;color:#475c2c;line-height:1.6;margin-top:12px}.thumbnail-status[data-error=true],.thumbnail-error{color:#8f251f}.thumbnail-error{padding:15px 0;font-size:14px}.thumbnail-controls fieldset:disabled{opacity:.55}.thumbnail-controls button:disabled{transform:none;cursor:wait}
.thumbnail-size-proofs{display:flex;gap:24px;align-items:start;margin-top:34px;flex-wrap:wrap}.thumbnail-size-proofs figure{margin:0;max-width:100%}.thumbnail-size-proofs img{display:block;background:#e9e4d5;max-width:100%;height:auto;border-radius:6px}.thumbnail-size-proofs figcaption{font-size:12px;color:#59634e;margin-top:8px}.thumbnail-description{font-size:13px;color:#566149;line-height:1.7;max-width:64ch;margin-top:24px}
.thumbnail-gallery-tools{display:flex;gap:24px;align-items:end;margin-bottom:36px;padding-block:22px;border-top:1px solid #3b4132;border-bottom:1px solid #3b4132}.thumbnail-gallery-tools label{flex:1;max-width:340px}.thumbnail-gallery-tools label span{display:block;font-size:12px;color:#c2c9b5;margin-bottom:8px}.thumbnail-gallery-tools input,.thumbnail-gallery-tools select{min-height:44px;width:100%;background:#20241a;border:1px solid #546044;padding:11px 12px;border-radius:6px;color:var(--paper);font-size:13px}.thumbnail-gallery-tools input::placeholder{color:#aab79a}.thumbnail-gallery-tools>p{margin-left:auto;font-size:12px;color:#b1bf9e;padding-bottom:12px;white-space:nowrap}.thumbnail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.thumbnail-style-card{display:block;min-width:0}.thumbnail-style-card[hidden]{display:none}.thumbnail-style-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px;background:#242b1e;transition:transform .25s var(--ease);outline:1px solid #343d2c}.thumbnail-style-card:hover img{transform:translateY(-4px)}.thumbnail-card-name{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:500;margin-top:15px}.thumbnail-card-name svg{width:20px;fill:none;stroke:var(--acid);stroke-width:1.6;flex-shrink:0}.thumbnail-card-topic{display:block;font-size:12px;color:#acb99b;margin-top:5px}.thumbnail-empty{text-align:center;padding:52px 20px}.thumbnail-empty p{color:#bcc8ac;margin:15px 0 24px}.thumbnail-gallery-section .section-note{max-width:85ch;margin-top:38px}
.thumbnail-offer-section{background:#242d1c;border-block:1px solid #4a5a38}.thumbnail-offer-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:100px}.thumbnail-offer-layout h2{font-size:clamp(2.7rem,5vw,4.4rem);margin-bottom:24px}.thumbnail-offer-layout>div:first-child>p{font-size:18px;line-height:1.6;max-width:50ch;color:#d0ddbf}.thumbnail-offer-layout ul{margin:30px 0;padding:0;list-style:none}.thumbnail-offer-layout li{padding:14px 0;border-top:1px solid #4d603a;font-size:14px}.thumbnail-offer-layout>div:first-child .thumbnail-offer-cost{font-size:12px;line-height:1.8;max-width:62ch;color:#bfcead}.thumbnail-product-name{font-size:17px;color:#d5e7c0}.thumbnail-offer-price{font-size:80px;line-height:1.1;letter-spacing:-.04em;color:var(--acid);margin:14px 0 28px}.thumbnail-offer-price span{font-size:13px;color:#c3d3b1;letter-spacing:0;display:inline-block;max-width:6ch;line-height:1.5}.thumbnail-buy-box label{display:block;font-size:12px;color:#c3d3b1;margin-bottom:7px}.thumbnail-buy-box select{color:var(--paper);border-color:#6b8054;background:#1d2516;margin-bottom:18px}.thumbnail-buy-box .purchase-disabled{width:100%;min-height:54px;background:#48563a;color:#e0e7d7;border:1px solid #6f7f5e;border-radius:6px;font-size:13px}.thumbnail-buy-box>p:not(.thumbnail-product-name):not(.thumbnail-offer-price){font-size:12px;color:#c3d3b1;line-height:1.7;margin:16px 0 24px}.thumbnail-buy-box>.text-link{font-size:13px;color:var(--acid)}.thumbnail-notes{display:grid;grid-template-columns:1fr 1fr;gap:80px}.thumbnail-notes h2{font-size:clamp(2.3rem,3.6vw,3.7rem)}.thumbnail-notes p{font-size:14px;line-height:1.8;color:#bac4ad;margin-bottom:20px}
@media(max-width:1100px){.thumbnail-intro{gap:40px}.thumbnail-workspace{gap:26px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.thumbnail-size-proofs{gap:18px}.thumbnail-offer-layout{gap:50px}.thumbnail-card-name{font-size:14px}}
@media(max-width:820px){.thumbnail-intro{grid-template-columns:1fr;gap:26px;padding-block:38px 50px}.thumbnail-intro h1{font-size:clamp(3.2rem,9vw,4.8rem)}.thumbnail-intro>div:last-child{max-width:60ch}.thumbnail-workspace{grid-template-columns:1fr;gap:36px}.thumbnail-controls{max-width:600px}.thumbnail-editor-heading h2{font-size:32px}.thumbnail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.thumbnail-gallery-tools{flex-wrap:wrap;gap:16px}.thumbnail-gallery-tools>p{width:100%;padding:0;margin:0}.thumbnail-gallery-tools label{max-width:none;min-width:220px}.thumbnail-offer-layout{grid-template-columns:1fr;gap:40px}.thumbnail-buy-box{max-width:440px}.thumbnail-notes{grid-template-columns:1fr;gap:24px}.thumbnail-notes>div{max-width:65ch}}
@media(max-width:520px){.thumbnail-intro{padding-top:28px}.thumbnail-intro h1{font-size:3.4rem}.thumbnail-intro p{font-size:15px}.thumbnail-intro .thumbnail-lead{font-size:22px}.thumbnail-intro .hero-actions{gap:18px}.thumbnail-editor-section{padding-block:36px 42px}.thumbnail-editor-heading{align-items:start;gap:20px;margin-bottom:24px}.thumbnail-editor-heading h2{font-size:31px}.thumbnail-editor-heading>.text-link{font-size:12px;max-width:11ch}.thumbnail-editor-heading>.text-link svg{display:none}.thumbnail-preview-caption{font-size:12px;gap:12px}.thumbnail-preview-caption span:first-child{max-width:22ch}.thumbnail-gallery{grid-template-columns:1fr;gap:31px}.thumbnail-card-name{font-size:17px}.thumbnail-card-topic{font-size:12px}.thumbnail-gallery-tools label{flex-basis:100%}.thumbnail-gallery-section{padding-top:65px}.thumbnail-size-proofs{gap:24px}.thumbnail-size-proofs figure:first-child{width:320px}.thumbnail-control-pair{gap:10px}.thumbnail-controls label span{font-size:12px}.thumbnail-controls input[type=text],.thumbnail-controls select{font-size:12px;padding-inline:9px}.thumbnail-offer-layout h2{font-size:40px}.thumbnail-offer-price{font-size:72px}.thumbnail-notes{padding-block:60px}}
@media(prefers-reduced-motion:reduce){.thumbnail-style-card img{transition:none}.thumbnail-style-card:hover img{transform:none}}

.thumbnail-extra-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.thumbnail-style-card[aria-current=true] .thumbnail-card-name{color:var(--acid)}.thumbnail-style-card[aria-current=true] img{outline:2px solid var(--acid);outline-offset:4px}

.thumbnail-page .text-link{display:inline-flex;align-items:center;gap:12px}.thumbnail-page .text-link svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6}.thumbnail-editor-heading>.text-link{white-space:nowrap}

@media(max-width:520px){.thumbnail-editor-heading{flex-direction:column;gap:12px}.thumbnail-editor-heading>.text-link{max-width:none;white-space:normal}}