:root{--bg:#f5efe3;--surface:#fbf8f1;--band:#efe7d8;--text:#2b1f1b;--muted:#6e5f55;--muted-2:#5e5048;--burgundy:#6b1f2b;--burgundy-dark:#571823;--gold:#b08d4c;--gold-line:#c9ae7a;--gold-badge:#c9a45e;--eyebrow:#8a6a2f;--error:#9b2c2c;--hairline:#2b1f1b1a;--pad-x:clamp(20px, 5vw, 64px);--serif:"Cormorant Garamond", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Instrument Sans,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}h1,h2,p,figure{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--burgundy);text-decoration:none}a:hover{color:var(--burgundy-dark);text-decoration:underline}:focus-visible{outline:2px solid var(--burgundy);outline-offset:2px}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.header{padding:18px var(--pad-x);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{font-family:var(--serif);letter-spacing:.01em;color:var(--burgundy);font-size:26px;font-weight:600}.logo:hover{text-decoration:none}.nav{gap:clamp(14px,2.4vw,32px);font-size:14px;font-weight:500;display:flex}.nav a,.nav-link{color:var(--text);font-size:14px;font-weight:500}.nav-link{color:var(--burgundy)}.footer{padding:28px var(--pad-x);border-top:1px solid var(--hairline);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;display:flex}.footer a{color:var(--muted)}.footer-links{gap:20px;display:flex}.section{padding:clamp(56px, 7vw, 112px) var(--pad-x)}.section-top{padding-top:clamp(32px,6vw,88px);padding-bottom:clamp(48px,6vw,96px)}.section-line{border-top:1px solid var(--hairline)}.section-band{background:var(--band)}.container{max-width:1200px;margin:0 auto}.container-narrow{max-width:780px}.stack{flex-direction:column;gap:14px;display:flex}.stack-lg{flex-direction:column;gap:clamp(36px,5vw,64px);display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow);font-size:12px;font-weight:600}.hero-title{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(46px,7vw,88px);font-weight:500;line-height:1}.hero-title em{color:var(--burgundy)}.h2{font-family:var(--serif);text-wrap:balance;font-size:clamp(34px,4.6vw,54px);font-weight:500;line-height:1.05}.lead{max-width:30em;color:var(--muted-2);text-wrap:pretty;font-size:clamp(16px,1.6vw,18px)}.muted{color:var(--muted-2)}.muted-2{color:var(--muted-2);text-wrap:pretty}.hint{color:var(--muted);font-size:13px}.hint a,.legal-block a{color:var(--burgundy);text-decoration:underline}.legal-h{font-family:var(--serif);font-size:24px;font-weight:500}.legal-list{flex-direction:column;gap:6px;padding-left:20px;display:flex}.legal-list li{list-style:outside}.error{color:var(--error);margin-top:8px;font-size:14px}.gold{color:var(--gold)}.tabular{font-variant-numeric:tabular-nums}.hero{flex-wrap:wrap;align-items:center;gap:clamp(28px,5vw,72px);display:flex}.hero-text{flex-direction:column;flex:380px;gap:20px;display:flex}.hero-upload{flex-direction:column;flex:380px;gap:12px;min-width:0;display:flex}.meta-line{color:var(--muted);flex-wrap:wrap;gap:8px 20px;font-size:14px;display:flex}.step-h{align-items:baseline;gap:10px;font-weight:600;display:flex}.step-n{font-family:var(--serif);color:var(--gold);font-size:22px;font-weight:600}.dropzone{aspect-ratio:4/3;border:1.5px dashed var(--gold);background:var(--surface);border-radius:4px;justify-content:center;align-items:center;min-height:260px;transition:background .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.dropzone.dragging{border-color:var(--burgundy);background:#f3e6de}.dropzone-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.dropzone-title{font-family:var(--serif);font-size:clamp(24px,2.6vw,30px);line-height:1.15}.dropzone-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.dropzone-bar{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.badge-light{background:#fbf8f1f0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:500}.btn-dark-sm{min-height:36px;color:var(--bg);background:#2b1f1bdb;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.btn-outline{border:1px solid var(--text);min-height:44px;color:var(--text);background:0 0;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:600}.btn-outline:hover:not(:disabled){background:var(--text);color:var(--bg)}.btn-outline:disabled{opacity:.45}.btn-link{justify-content:center;align-items:center;display:flex}.btn-link:hover{color:var(--bg);text-decoration:none}.btn-block{border-radius:4px;width:100%;height:52px}.btn-primary{letter-spacing:.01em;width:100%;height:56px;color:var(--bg);background:var(--burgundy);border:0;border-radius:4px;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.btn-primary:hover:not(:disabled){background:var(--burgundy-dark);color:var(--bg);text-decoration:none}.btn-primary:disabled{color:#f5efe3;background:#c9bfb2}.style-row{scroll-snap-type:x mandatory;gap:14px;padding:6px 4px 12px;display:flex;overflow-x:auto}.style-card{scroll-snap-align:start;text-align:left;background:var(--surface);color:var(--text);border:0;border-radius:4px;flex-direction:column;flex:1 0 168px;gap:10px;padding:10px 10px 14px;transition:box-shadow .15s;display:flex;position:relative;box-shadow:0 0 0 1px #2b1f1b24}.style-card:hover:not(:disabled){box-shadow:0 0 0 1px #2b1f1b59}.style-card.selected,.style-card.selected:hover:not(:disabled){box-shadow:0 0 0 2px var(--burgundy)}.style-tile{aspect-ratio:4/5;object-fit:cover;background:var(--band);width:100%;height:auto;display:block}.style-name{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.1}.style-desc{color:var(--muted);font-size:13px;line-height:1.4}.check{background:var(--burgundy);width:26px;height:26px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:16px;right:16px}.tile{aspect-ratio:4/5;object-fit:cover;background:var(--band);width:100%;height:auto;display:block}.frame{background:var(--surface);border:1px solid var(--gold-line);padding:10px;box-shadow:0 14px 30px -20px #3c1e1473}.frame img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.frame-sm{width:150px;padding:9px;box-shadow:0 18px 36px -22px #3c1e1480}.frame-lg{padding:clamp(10px,1.6vw,16px);box-shadow:0 24px 48px -26px #3c1e148c}.frame-flat{padding:8px}.grid-examples{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(28px,3vw,40px);display:grid}.example{flex-direction:column;gap:14px;display:flex}.example-pair{grid-template-columns:minmax(0,.8fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.arrow{color:var(--gold);font-size:18px}.example figcaption{justify-content:space-between;gap:12px;font-size:14px;display:flex}.grid-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(28px,4vw,56px);display:grid}.how-step{border-top:1px solid var(--gold-line);flex-direction:column;gap:10px;padding-top:20px;display:flex}.how-n{font-family:var(--serif);color:var(--gold);font-size:40px;font-weight:500;line-height:1}.how-title{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.15}.faq-item{border-bottom:1px solid #2b1f1b24}.faq-q{width:100%;min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:17px;font-weight:500;display:flex}.faq-sign{color:var(--eyebrow);text-align:center;flex:none;width:20px;font-size:22px}.faq-a{color:var(--muted-2);text-wrap:pretty;padding:0 36px 22px 0}.waiting{z-index:10;background:var(--bg);padding:24px var(--pad-x);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.waiting-inner{text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:600px;display:flex}.waiting-title{font-family:var(--serif);margin-bottom:10px;font-size:clamp(38px,6vw,60px);font-weight:500;line-height:1.05}.progress-wrap{flex-direction:column;gap:10px;width:100%;display:flex}.progress{background:var(--hairline);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--burgundy);height:100%;transition:width .15s linear}.progress-meta{color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.result-title{font-family:var(--serif);font-size:clamp(38px,5.6vw,64px);font-weight:500;line-height:1.05}.result{flex-wrap:wrap;align-items:flex-start;gap:clamp(28px,4vw,56px);display:flex}.result .frame-lg{flex:1.4 340px;min-width:0;max-width:560px}.result-side{flex-direction:column;flex:280px;gap:14px;max-width:420px;display:flex}.toggle{background:var(--band);border-radius:999px;align-self:flex-start;padding:4px;display:inline-flex}.toggle button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:8px 20px;font-weight:600}.toggle button.on{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #2b1f1b1f}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}