.frill-preview{display:block;max-width:1280px;margin:0 auto;padding:40px 40px 80px;color:var(--color-foreground);font:var(--font-body--weight) 16px/1.5 var(--font-body--family);--fp-line: var(--color-input-border)}.frill-preview *{box-sizing:border-box}.frill-preview [hidden]{display:none!important}.frill-preview__intro{max-width:720px;margin-bottom:36px}.frill-preview__intro>a{color:var(--fp-muted);font-size:13px;text-underline-offset:4px}.frill-preview__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600;margin:26px 0 10px}.frill-preview h1{font-family:var(--font-heading--family);font-size:clamp(30px,4vw,48px);font-weight:var(--font-heading--weight);line-height:1.17;letter-spacing:-.02em;margin:0 0 14px}.frill-preview__intro>p:last-child{font-size:16px;max-width:540px;color:var(--fp-muted);margin:0}.frill-preview__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:64px;align-items:start}.frill-preview__visual{position:sticky;top:84px}.frill-preview__stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:580px;background:var(--fp-stage);border-radius:8px;padding:42px 48px 58px;overflow:hidden}.frill-preview__frame{width:100%;max-width:370px;padding:0;background:#16171b;box-shadow:0 16px 35px #10121a1f;transition:padding .15s;--frame: 0px}.frill-preview__frame[data-frame=Black]{padding:12px;background:#242832}.frill-preview__frame[data-frame=White]{padding:12px;background:#fff;outline:1px solid #e2e5ea}.frill-preview__frame[data-frame="Walnut/Natural"]{padding:12px;background:#8c684b}.frill-preview__art{aspect-ratio:4/5;background:#f2e6dd;display:flex;flex-direction:column;padding:9%;gap:7%;container-type:inline-size;color:#242832}.frill-preview__photo{position:relative;flex:1;min-height:0;overflow:hidden;background:#ffffff42}.frill-preview__photo img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:50% 50%;display:block;max-width:none;transform-origin:50% 50%}.frill-preview__art[data-layout=Arch] .frill-preview__photo{border-radius:50% 50% 0 0}.frill-preview__art[data-layout=Circle] .frill-preview__photo{border-radius:50%;aspect-ratio:1;flex:none;width:100%;margin:auto 0}.frill-preview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:inherit;opacity:.65;font-size:13px}.frill-preview__lettering{text-align:center;flex:none;min-width:0}.frill-preview__lettering p{margin:0;overflow-wrap:anywhere}.frill-preview__lettering [data-name]{font-family:Georgia,serif;font-size:32px;line-height:1.1}.frill-preview__lettering [data-subtitle]{font-family:Georgia,serif;font-size:13px;line-height:1.4;margin-top:10px}.frill-preview__live{position:absolute;left:20px;bottom:18px;display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.04em;color:#475244}.frill-preview__live>span{width:6px;height:6px;border-radius:50%;background:#58794a}.frill-preview__enlarge{display:none}.frill-preview__caption{font-size:13px;color:var(--fp-muted);max-width:490px;margin:16px 0}.frill-preview__assurance{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--fp-line);font-size:12px;color:var(--fp-muted)}.frill-preview__form{min-width:0}.frill-preview__step{border:0;border-bottom:1px solid var(--fp-line);margin:0 0 26px;padding:0 0 26px;min-width:0}.frill-preview__step>legend{font-family:var(--font-heading--family);font-size:17px;font-weight:var(--font-heading--weight);width:100%;margin-bottom:16px;padding:0;letter-spacing:-.01em}.frill-preview__step>legend>span{font-size:11px;letter-spacing:.08em;color:var(--fp-muted);margin-right:12px;font-weight:500}.frill-preview__hint{font-size:13px;color:var(--fp-muted);margin:0 0 14px}.frill-preview label{font-size:13px;font-weight:500;display:block}.frill-preview input:not([type=hidden],[type=radio],[type=file],[type=range]),.frill-preview select,.frill-preview textarea{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;font:inherit;font-size:16px;color:var(--color-input-text);background:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);width:100%;padding:11px 12px;min-height:44px;margin:6px 0 14px;box-shadow:none}.frill-preview input:focus-visible,.frill-preview select:focus-visible,.frill-preview textarea:focus-visible,.frill-preview button:focus-visible,.frill-preview summary:focus-visible,.frill-preview a:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.frill-preview__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.frill-preview__upload{display:flex!important;align-items:center;justify-content:space-between;padding:14px 16px;border:1px dashed var(--color-input-border);border-radius:var(--style-border-radius-inputs);cursor:pointer;min-height:52px;gap:12px;background:var(--fp-stage)}.frill-preview__upload>span:first-child{overflow-wrap:anywhere}.frill-preview__file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.frill-preview__step:has(.frill-preview__file:focus-visible) .frill-preview__upload{outline:2px solid var(--color-foreground);outline-offset:4px}.frill-preview__upload+input+small{display:block;margin-top:8px}.frill-preview small{font-size:12px;color:var(--fp-muted)}.frill-preview__colors{border:0;padding:0;margin:4px 0 20px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.frill-preview__colors>legend{font-size:13px;font-weight:500;margin-bottom:8px}.frill-preview__colors label{position:relative;cursor:pointer;padding:5px}.frill-preview__colors input{position:absolute;opacity:0;width:100%;height:100%;top:0;right:0;bottom:0;left:0;cursor:pointer;margin:0}.frill-preview__colors label>span{display:block;width:30px;height:30px;border-radius:50%;background:var(--swatch);border:1px solid #10121a26}.frill-preview__colors input:checked+span{outline:1.5px solid var(--color-foreground);outline-offset:3px}.frill-preview__colors input:focus-visible+span{outline:3px solid var(--color-foreground);outline-offset:3px}.frill-preview__colors>[data-tone-label]{font-size:12px;color:var(--fp-muted);margin-left:8px}.frill-preview details{margin-top:12px}.frill-preview summary{font-size:13px;cursor:pointer;padding:8px 0;list-style:revert}.frill-preview details[open]>summary{margin-bottom:12px}.frill-preview input[type=range]{display:block;width:100%;min-height:32px;margin:3px 0 10px;accent-color:var(--color-primary-button-background)}.frill-preview__text-button{border:0;background:none;color:var(--color-foreground);text-decoration:underline;text-underline-offset:4px;min-height:44px;font:inherit;font-size:12px;padding:0;cursor:pointer}.frill-preview__purchase>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:14px}.frill-preview__purchase strong{font-size:22px;white-space:nowrap}.frill-preview__submit{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:54px;border:1px solid var(--color-primary-button-border);border-radius:var(--style-border-radius-buttons-primary);color:var(--color-primary-button-text);background:var(--color-primary-button-background);padding:15px 18px;font-family:var(--button-font-family-primary);font-weight:var(--font-subheading--weight);font-size:16px;cursor:pointer;transition:background .15s}.frill-preview__submit:hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.frill-preview__submit:disabled{cursor:wait;opacity:.55}.frill-preview__purchase>.frill-preview__hint{font-size:12px;margin:12px 0;text-align:center}.frill-preview__error{font-size:13px;color:var(--color-error);margin:8px 0}.frill-preview__error:empty{display:none}.frill-preview__sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.frill-preview{padding:28px 24px 60px}.frill-preview__grid{gap:32px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.frill-preview__stage{min-height:430px;padding:32px 28px 52px}.frill-preview__assurance{gap:12px;flex-wrap:wrap}}@media(max-width:699px){.frill-preview{padding:22px 20px 48px}.frill-preview__intro{margin-bottom:24px}.frill-preview__eyebrow{margin-top:20px}.frill-preview h1{font-size:34px}.frill-preview__grid{grid-template-columns:1fr;gap:30px}.frill-preview__visual{position:sticky;top:60px;z-index:3;background:var(--color-background);padding-bottom:8px}.frill-preview__stage{height:240px;min-height:240px;padding:18px 44px 32px}.frill-preview__frame{max-width:145px}.frill-preview__assurance{display:none}.frill-preview__caption{margin:8px 0 0}.frill-preview__art{padding:8%;gap:6%}.frill-preview__caption{font-size:12px}.frill-preview__assurance{font-size:11px}.frill-preview__colors label{padding:7px}.frill-preview__colors label>span{width:30px;height:30px}.frill-preview__step{margin-bottom:22px;padding-bottom:22px}}@media(max-width:699px){.frill-preview__enlarge{display:block;border:0;background:none;color:var(--color-foreground);text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:12px;min-height:38px;margin:0 auto;cursor:pointer}.frill-preview__visual.is-expanded{position:relative;top:auto}.frill-preview__visual.is-expanded .frill-preview__stage{height:auto;min-height:370px;padding:26px 34px 42px}.frill-preview__visual.is-expanded .frill-preview__frame{max-width:260px}.frill-preview__visual.is-expanded .frill-preview__art{min-height:0}}@media(prefers-reduced-motion:reduce){.frill-preview *{transition:none!important;scroll-behavior:auto!important}}.frill-preview__composition{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:1em;line-height:1.2;text-align:center;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}.frill-preview__composition p{margin:0;font:inherit}.frill-preview__composition [data-composition-title]{font-size:1.25em}.frill-preview__composition [data-composition-footer]{font-size:.55em;line-height:1.4}.frill-preview[data-family=words] .frill-preview__art,.frill-preview[data-family=maps] .frill-preview__art{display:block;padding:9%;position:relative}.frill-preview__art[data-text-style=Minimal] .frill-preview__composition{justify-content:flex-end;text-align:left}.frill-preview__art[data-text-style="Editorial columns"] [data-composition-body]{column-count:2;column-gap:1em;font-size:.7em;text-align:left}.frill-preview__art[data-word-layout="Border detail"],.frill-preview__art[data-text-style="Symbol border"]{outline:2px solid currentColor;outline-offset:-18px}.frill-preview__art[data-text-style="Expressive typography"] [data-composition-body]{font-weight:700;line-height:1.05}.frill-preview__art[data-word-layout=Initial-led] [data-composition-title]{font-size:2.5em;color:#3f6856}.frill-preview__art[data-layout=Circle] .frill-preview__placeholder{gap:5px;font-size:clamp(8px,3cqw,13px)}.frill-preview__art[data-layout=Circle] .frill-preview__placeholder svg{width:30%;height:auto;max-height:35%}.frill-preview__art{position:relative}.frill-preview__confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.frill-preview__details{margin-top:56px;border-top:1px solid var(--fp-line);padding-top:28px}.frill-preview__details h2{font:var(--font-heading--weight) 24px/1.3 var(--font-heading--family)}.frill-preview__details>div:first-child{max-width:660px}.frill-preview__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}.frill-preview__gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px}.frill-preview__composition:not(:has(p:not([hidden]))):before{content:attr(data-empty-label);font-size:.8em;opacity:.5}.frill-preview[data-family=words] .frill-preview__art{display:flex}.frill-preview[data-family=words] .frill-preview__composition{position:absolute;top:9%;right:9%;bottom:9%;left:9%;height:auto}@media(max-width:699px){.frill-preview__gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.frill-preview__details{margin-top:32px}}.frill-preview[data-family=maps] .frill-preview__art{display:flex;gap:5%}.frill-preview__map-art{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.frill-preview[data-family=maps] .frill-preview__composition{flex:1;height:auto;min-height:0}.frill-preview__lettering{max-height:32%;overflow:hidden}.frill-map{display:block;margin-block:20px;min-width:0}.frill-map [hidden]{display:none!important}.frill-map__help,.frill-map__status{font-size:14px;line-height:1.5}.frill-map button{min-height:44px;padding:10px 14px;margin-block:6px 12px;font:inherit;color:var(--color-secondary-button-text);background:var(--color-secondary-button-background);border:1px solid var(--color-secondary-button-border);border-radius:var(--style-border-radius-buttons-secondary);cursor:pointer}.frill-map button:disabled{opacity:.55;cursor:not-allowed}.frill-map button:focus-visible,.frill-map select:focus-visible,.frill-map input:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.frill-map select{max-width:100%}.frill-map__image{overflow:hidden;border:1px solid var(--color-input-border);border-radius:var(--style-border-radius-inputs);aspect-ratio:1}.frill-map__image img{display:block;width:100%;height:auto}.frill-map__credits{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.frill-map__credits a{color:inherit;text-decoration:underline}frill-art-preview{--fp-stage: #fff;--fp-muted: #666;--color-foreground: #242832;--font-body--weight: 400;--font-body--family: Inter, Arial, sans-serif;--font-heading--weight: 500;--font-heading--family: Inter, Arial, sans-serif;--color-input-border: #d9dde0;--color-input-text: #242832;--color-input-background: #fff;--color-error: #a12222;--color-primary-button-background: #242832;--color-primary-button-text: #fff;--color-primary-button-hover-background: #394249;--color-primary-button-hover-text: #fff;--color-primary-button-hover-border: #394249;--color-secondary-button-text: #242832;--color-secondary-button-background: #fff;--color-secondary-button-border: #d9dde0;--style-border-radius-buttons-secondary: 8px;--style-border-radius-inputs: 8px}