.fin-topic-section,.fin-season-designs,.fin-design-process{padding-block:48px}.fin-topic-section .section-heading p,.fin-season-designs .section-heading p{font-size:15px;color:var(--muted);margin:12px 0 0}.fin-topic-section h2,.fin-season-designs h2,.fin-design-process h2{font-size:32px}.fin-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.fin-topic-card{border:1px solid #123d2d20;border-radius:9px;overflow:hidden;background:#fff;display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center;padding:20px;gap:20px}.fin-topic-card>img{width:125px;height:145px;object-fit:contain;background:#f7faf7;border-radius:6px}.fin-topic-card h3{font-size:19px;line-height:1.35;margin-bottom:9px}.fin-topic-card p{font-size:13px;line-height:1.65;color:var(--muted);margin-bottom:12px}.fin-topic-card span{font-size:12px;font-weight:600}.fin-topic-card:hover{border-color:#123d2d66;box-shadow:0 5px 18px #123d2d0c}
.fin-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.fin-design-card a{display:block}.fin-design-art{border-radius:8px;background:#f6f8f5;aspect-ratio:1;overflow:hidden;padding:12px}.fin-design-art img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.fin-design-card a:hover img{transform:scale(1.025)}.fin-design-card h3{font-size:17px;line-height:1.4;margin:14px 0 6px}.fin-design-card p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 10px}.fin-design-card a>span{font-size:13px;font-weight:600;display:inline-block;min-height:32px;padding-block:5px}.fin-design-process{border-block:1px solid #123d2d20}.fin-design-process>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.fin-design-process article>span{font-size:12px;color:var(--muted)}.fin-design-process h3{font-size:22px;margin:12px 0}.fin-design-process p{font-size:14px;color:var(--muted);line-height:1.8}.fin-design-process details{margin-top:24px;border-top:1px solid #123d2d20;padding-top:16px}.fin-design-process summary{font-size:14px;min-height:40px;padding-block:8px;cursor:pointer}
.hero .fin-design-entry{margin-top:110px;gap:16px}.fin-gingerbread-action{position:relative;isolation:isolate}.fin-gingerbread{position:absolute;width:170px;height:auto;left:50%;bottom:calc(100% - 6px);transform:translateX(-50%);pointer-events:none;z-index:-1}.hero .fin-gingerbread-action .button{position:relative;z-index:1;min-width:200px}.hero .fin-gingerbread-action .button::before{display:none}.hero .fin-gingerbread-action .button>span{margin-left:10px}.hero:has(.fin-design-entry) .hero-art{height:440px}.hero:has(.fin-design-entry) h1{font-size:44px}
@media(prefers-reduced-motion:no-preference){.fin-gingerbread{animation:fin-cookie-tap 9s ease-in-out infinite}}
@keyframes fin-cookie-tap{0%,55%,100%{transform:translate(-50%,0)}59%,67%{transform:translate(-50%,3px) rotate(-1deg)}63%,71%{transform:translate(-50%,-2px) rotate(1deg)}75%{transform:translate(-50%,0)}}
.fin-design-page,.fin-builder-page{padding-block:44px 56px}.fin-design-page-head{display:flex;align-items:start;justify-content:space-between;gap:28px;margin-bottom:28px}.fin-design-page h1,.fin-builder-page h1{font-size:38px;line-height:1.2;margin-bottom:14px}.fin-design-page-head p,.fin-builder-page>header p{font-size:15px;color:var(--muted);line-height:1.8;max-width:65ch}.fin-topic-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.fin-topic-chips a{font-size:13px;padding:9px 14px;border:1px solid #123d2d26;border-radius:24px;min-height:40px}.fin-topic-chips a[aria-current=page]{background:var(--fin-green);color:#fff}.fin-design-filters{padding:20px;border:1px solid #123d2d20;border-radius:8px;margin-bottom:24px}.fin-design-filters summary{display:none}.fin-design-filters form{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:16px;align-items:end}.fin-design-filters label,.fin-builder-form label{font-size:13px;font-weight:500;display:flex;flex-direction:column;gap:8px}.fin-design-filters input,.fin-design-filters select,.fin-builder-form input:not([type=checkbox]):not([type=range]),.fin-builder-form select{width:100%;font-size:15px;min-height:44px;border:1px solid #123d2d40;border-radius:5px;background:#fff;color:var(--fin-green);padding:10px 12px}.fin-design-results{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px;font-size:13px}.fin-design-results>p{margin:0;color:var(--muted)}.fin-applied-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.fin-applied-filters span{padding:5px 10px;background:#123d2d08;border-radius:20px}.fin-applied-filters a{text-decoration:underline;padding:8px}.fin-design-more{margin-top:30px}.fin-design-empty{padding:32px;border:1px dashed #123d2d40;border-radius:8px}.fin-design-empty h2{font-size:25px}.fin-design-empty p{font-size:15px}.fin-design-disclosure{font-size:12px;color:var(--muted);line-height:1.8;margin-top:36px}
.fin-builder-back{display:inline-block;font-size:13px;padding:8px 0;margin-bottom:20px}.fin-builder-page>header{margin-bottom:28px}.fin-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px}.fin-preview-panel{position:sticky;top:155px}.fin-preview-panel canvas{display:block;width:100%;height:auto;aspect-ratio:1;border:1px solid #123d2d20;background:#fff;border-radius:8px}.fin-preview-switch{display:flex;gap:8px;margin-bottom:14px}.fin-preview-switch button{padding:9px 14px;border:1px solid #123d2d40;border-radius:20px;background:#fff;font:500 13px/1.5 var(--fin-font);min-height:40px;color:var(--fin-green)}.fin-preview-switch button[aria-pressed=true]{background:var(--fin-green);color:#fff}.fin-preview-note{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0}.fin-builder-form{min-width:0}.fin-builder-form [hidden]{display:none!important}.fin-builder-status{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:20px}.fin-builder-progress{padding:0;list-style:none;display:flex;gap:20px;margin:0 0 26px;border-bottom:1px solid #123d2d26}.fin-builder-progress li{font-size:13px;padding:10px 0;color:var(--muted)}.fin-builder-progress li[aria-current=step]{font-weight:700;color:var(--fin-green);border-bottom:2px solid var(--fin-red)}.fin-builder-form h2{font-size:24px;line-height:1.3;margin-bottom:22px}.fin-builder-form label{margin-bottom:20px}.fin-builder-form section>p,.fin-builder-form section>div>p{font-size:13px;line-height:1.8;color:var(--muted)}.fin-builder-form .fin-current-price{font-size:18px;font-weight:600;color:var(--fin-green);margin:12px 0 24px}.fin-builder-photo{padding:22px;border:1px solid #123d2d26;border-radius:8px;margin-bottom:28px}.fin-builder-photo h2{font-size:21px}.fin-builder-form input[type=range]{width:100%;accent-color:var(--fin-green)}.fin-step-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.fin-builder-form .fin-review-confirm{display:flex;flex-direction:row;align-items:start;gap:12px;font-size:14px;line-height:1.7}.fin-review-confirm input{width:20px;height:20px;margin:3px 0 0;flex-shrink:0;accent-color:var(--fin-green)}.fin-design-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 20px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #123d2d26;font-size:14px}.fin-design-summary dt{font-weight:600}.fin-design-summary dd{margin:0;overflow-wrap:anywhere}.fin-clear-draft{display:inline-block;min-height:44px;margin-top:28px;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.fin-builder-error{padding:18px;border-left:3px solid var(--fin-red);background:#d8323808;font-size:14px}.fin-upload-disclosure{font-size:12px;line-height:1.8}.fin-builder-form button:disabled{opacity:.5;cursor:not-allowed}.fin-builder-form :focus-visible,.fin-design-page :focus-visible,.fin-topic-section :focus-visible{outline:2px solid var(--fin-green);outline-offset:4px}.fin-builder-form h2:focus{outline:none}
@media(max-width:1100px){.fin-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fin-topic-card{display:block;padding:18px}.fin-topic-card>img{width:100%;height:150px;margin-bottom:18px}.fin-topic-card h3{font-size:18px}.fin-builder-layout{gap:32px}.fin-design-filters form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.fin-design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.fin-topic-grid{gap:18px}.fin-design-page-head{flex-wrap:wrap}.hero:has(.fin-design-entry) h1{font-size:36px}.hero:has(.fin-design-entry) .hero-art{height:390px}.hero .fin-design-entry{margin-top:100px}.fin-gingerbread{width:150px}.hero .fin-gingerbread-action .button{min-width:190px}.fin-preview-panel{top:140px}}
@media(max-width:650px){.fin-topic-section,.fin-season-designs,.fin-design-process{padding-block:32px}.fin-topic-section h2,.fin-season-designs h2,.fin-design-process h2{font-size:27px}.fin-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fin-topic-card{padding:12px}.fin-topic-card>img{height:120px;margin-bottom:12px}.fin-topic-card h3{font-size:16px;line-height:1.4}.fin-topic-card p{font-size:12px}.fin-topic-card span{min-height:32px;display:inline-block;padding-top:5px}.fin-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.fin-design-art{padding:7px}.fin-design-card h3{font-size:15px;line-height:1.4;margin-top:12px}.fin-design-card p{font-size:12px}.fin-design-card a>span{font-size:12px;min-height:40px;padding-top:8px}.fin-design-process>div{grid-template-columns:1fr;gap:18px}.fin-design-process h3{font-size:21px;margin:8px 0}.fin-design-process p{margin-bottom:0}.hero .fin-design-entry{margin-top:96px;align-items:start}.hero .fin-design-entry>.text-link{min-height:44px}.hero:has(.fin-design-entry) .hero-art{height:260px}.hero:has(.fin-design-entry) h1{font-size:34px}.fin-gingerbread{width:150px}.fin-design-page,.fin-builder-page{padding-block:28px 40px}.fin-design-page h1,.fin-builder-page h1{font-size:30px}.fin-topic-chips{gap:6px}.fin-topic-chips a{font-size:12px;padding:8px 11px}.fin-design-filters{padding:16px}.fin-design-filters summary{display:block;min-height:36px;font-size:14px;font-weight:600}.fin-design-filters form{grid-template-columns:1fr;padding-top:16px}.fin-design-filters input,.fin-design-filters select,.fin-builder-form input:not([type=checkbox]):not([type=range]),.fin-builder-form select{font-size:16px}.fin-design-results{font-size:12px}.fin-builder-layout{grid-template-columns:1fr;gap:28px}.fin-preview-panel{position:static}.fin-preview-panel canvas{max-height:360px;object-fit:contain}.fin-builder-form h2{font-size:23px}.fin-builder-progress{gap:18px}.fin-builder-photo{padding:18px}.fin-step-buttons .button{flex:1;padding-inline:12px;font-size:13px}.fin-design-summary{font-size:13px;gap:12px}.fin-builder-page .fin-preview-note{font-size:12px}.fin-design-empty{padding:24px}.fin-topic-section .section-heading p,.fin-season-designs .section-heading p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.fin-gingerbread{animation:none}.fin-design-art img{transition:none;transform:none!important}}
.fin-builder-photo.is-collapsed>label,.fin-builder-photo.is-collapsed>p,.fin-builder-photo.is-collapsed>.fin-photo-adjustments{display:none!important}.fin-builder-photo.is-collapsed{padding:18px 22px}.fin-builder-photo.is-collapsed h2{font-size:18px;margin-bottom:12px}.fin-search-design-title{font-size:28px;margin-top:36px}
.fin-design-filters .fin-mobile-topic-filter{display:none}
@media(max-width:650px){.fin-design-page>.fin-topic-chips{display:none}.fin-design-filters .fin-mobile-topic-filter{display:flex}.fin-design-page-head{margin-bottom:22px}.fin-design-page-head>.button{font-size:13px;min-height:44px;padding:10px 16px}}
@media(max-width:650px){.fin-design-page-head{gap:14px}.fin-design-page-head p{margin-bottom:0}.fin-design-page-head h1{margin-bottom:10px}}

.fin-product-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.fin-product-fields label{min-width:0}.fin-product-fields select{width:100%}.fin-price-field{display:grid;gap:8px;margin:0 0 24px}.fin-price-readonly,.fin-standard-format{display:block;padding:13px 16px;border:1px solid #d4d8d6;border-radius:6px;background:#eef0ef;color:#43534b;font-size:16px;line-height:1.5;min-height:50px;cursor:default}.fin-price-field small{font-size:12px;color:var(--muted)}@media(max-width:360px){.fin-product-fields{grid-template-columns:1fr}}
