:root{color-scheme:light;--bg:#FFF9F3;--bg-alt:#FFF8F1;--panel:#FFFFFF;--panel-2:#FFF8F1;--line:#ECE3D8;--line-2:#E5E5E5;--ink:#211712;--ink-2:#4D2E20;--muted:#8A6F5E;--accent:#EE9441;--accent-ink:#3A230F;--accent-hover:#E07E2A;--peach:#FFECDA;--display:"Newsreader",Georgia,serif;--body:"Red Hat Text",Inter,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}
button,select,input{font:inherit;color:inherit;cursor:pointer}
button,a,summary,select,label{touch-action:manipulation}
:focus-visible,input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.bar,main,footer{width:min(1180px,92%);margin:auto}
header{border-bottom:1px solid var(--line);background:#FFFDFB}
.bar,nav,.brand,.sectionhead,.mast,.related,.stylebar{display:flex;align-items:center}
.bar{justify-content:space-between;gap:1rem;min-height:68px}
.brand{font:600 21px var(--display);gap:12px;color:var(--ink);min-height:44px}
.seal{font:30px/1 Georgia;color:var(--accent)}
nav{gap:20px}nav a,.related a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
nav a{color:var(--ink-2);border-bottom:1px solid transparent}nav a[aria-current]{color:var(--accent);border-color:var(--accent)}
.mast{justify-content:space-between;position:relative;overflow:hidden;min-height:153px;border-bottom:1px solid var(--line);margin-bottom:24px}
.eyebrow,small,h3,legend{color:var(--accent);font:600 10px/1.5 var(--body);letter-spacing:.16em;text-transform:uppercase}
.eyebrow b{margin:0 8px;color:#C9A98F}
h1,h2,.price{font-family:var(--display)}
h1{font-size:clamp(29px,4.1vw,54px);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:12px 0 0;color:var(--ink)}
h2{font-weight:600;font-size:26px;line-height:1.2;margin:0 0 18px;color:var(--ink)}
.lead{color:var(--ink-2);max-width:60ch;font-size:17px}
.compass{width:128px;height:128px;flex:none;position:relative;margin-right:45px;display:grid;place-items:center;border:1px solid #E6D6C4;border-radius:50%;color:var(--accent);transform:rotate(-12deg)}
.compass:before,.compass:after,.compass i{content:"";position:absolute;border:1px solid #E6D6C4;inset:14px;transform:rotate(45deg)}
.compass:after{inset:8px;border-radius:50%}.compass i{inset:19px;transform:rotate(0)}.compass span{font:78px/1 Georgia}
.workshop{display:grid;grid-template-columns:minmax(260px, .9fr) minmax(0,2fr);gap:24px;align-items:start}
.panel,.offer{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:8px}
.panel h2{font-size:21px}.panel details{border:0}.panel summary{color:var(--ink-2)}
fieldset{padding:0;margin:0 0 13px;border:0;min-width:0}legend{margin-bottom:5px}
.options{display:flex;flex-wrap:wrap;gap:6px}.options label{position:relative;flex:1;min-width:max-content;cursor:pointer}
.options label:has(input[name=style]){flex-basis:46%}
.options input,.sr{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.options span{display:grid;place-items:center;min-height:44px;font-size:13px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg-alt);color:var(--ink-2)}
input:checked+span{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.drop{border:2px dashed #E0D3C4;border-radius:10px;min-height:120px;display:grid;place-items:center;text-align:center;padding:14px;color:var(--ink-2);cursor:pointer;background:var(--bg-alt);margin-bottom:13px}
.drop.over{border-color:var(--accent);color:var(--accent);background:#FFF4E8}
.drop img{width:100%;max-height:150px;object-fit:contain;border-radius:8px}
.textin{width:100%;min-height:44px;background:var(--bg-alt);border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:0 12px;margin:0 0 13px;cursor:text}
.textin::placeholder{color:#B59C88}
.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:16px;border:0;border-radius:6px}.primary:hover{background:var(--accent-hover)}
.primary[disabled]{opacity:.55;cursor:not-allowed}
.sectionhead{justify-content:space-between;gap:10px;margin:0 0 12px}.sectionhead h2{margin:0}small{color:var(--muted)}
.results{min-height:200px}
.preview{display:grid;gap:14px}.preview img{width:100%;border-radius:10px;border:1px solid var(--line)}
.watermark-note{color:var(--muted);font-size:13px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.cta-row .primary{max-width:260px}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:1px solid var(--accent);color:var(--accent);border-radius:6px;font-weight:600}
.btn-ghost:hover{background:var(--peach);text-decoration:none}
.steps,.styles,.pricing{display:grid;gap:16px;margin-top:8px}
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.styles{grid-template-columns:repeat(4,minmax(0,1fr))}
.pricing{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}
.card h3{margin:0 0 8px;font:600 17px var(--display);color:var(--ink);text-transform:none;letter-spacing:0}
.card p{margin:0;color:var(--ink-2);font-size:14px}
.stylecard{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.stylecard .swatch{height:120px;width:100%;object-fit:cover;display:block;background:linear-gradient(135deg,#FFE9D4,#FFD2A6)}
.stylecard .meta{padding:12px}.stylecard .meta b{display:block;font:600 15px var(--display);margin-bottom:3px;color:var(--ink)}
.stylecard .meta span{color:var(--muted);font-size:12px}
.notes,.related,main>section{margin-top:36px}.notes{border-top:1px solid var(--line);padding-top:26px}.notes .eyebrow{margin-bottom:8px}.notes p{max-width:80ch;color:var(--ink-2)}
.offer{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;padding:28px}.offer h2{margin-top:10px}.offer ul{padding-left:22px}.offer li{padding:5px;color:var(--ink-2)}.offer li::marker{color:var(--accent)}.offer .panel{background:var(--bg-alt)}.price{display:block;font-size:48px;color:var(--accent)}
.trust{border-top:1px solid var(--line);margin-top:36px;padding:18px 0;color:var(--muted);font-size:13px;display:flex;gap:22px;flex-wrap:wrap}
.trust span{display:inline-flex;align-items:center;gap:8px}
.related{border-top:1px solid var(--line);padding:18px 0}.related strong{font:600 17px var(--display);color:var(--ink)}.related span{margin-left:6px;color:var(--accent)}
footer{border-top:1px solid var(--line);padding:20px 0 35px;color:var(--muted);font-size:12px}
.skip{position:absolute;left:-9999px}.skip:focus{left:0;top:0;z-index:3;background:var(--panel);padding:12px}
[hidden]{display:none!important}
@media(min-width:640px){#settings summary{display:none}}
@media(max-width:900px){.steps,.styles,.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.bar{flex-wrap:wrap}.compass{margin-right:20px}.workshop{gap:14px}.panel{padding:16px}}
@media(max-width:639px){.bar{gap:0;display:block}.brand{font-size:18px}nav{gap:0;justify-content:space-between;flex-wrap:wrap}nav a{font-size:12px}.mast{min-height:100px;margin-bottom:14px}.mast>div:first-child{z-index:1}.compass{display:none}.workshop,.offer{display:flex;flex-direction:column;gap:14px}.workshop>*{width:100%}.panel{padding:12px 14px}.steps,.styles,.pricing{grid-template-columns:minmax(0,1fr)}.offer{padding:18px}.offer .panel{width:100%;padding:16px}}
@media(prefers-reduced-motion:no-preference){.fresh{animation:rise .2s ease-out backwards;animation-delay:var(--delay)}@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}