.demo-intro{padding:68px 0 42px;max-width:900px}.demo-intro h1{font:700 clamp(32px,4.4vw,62px)/1.14 Unbounded,sans-serif;letter-spacing:-.055em;margin:20px 0 24px}.intro-copy{font-size:20px;max-width:720px;color:var(--muted);line-height:1.6}.demo-notice{margin-top:28px}.photo-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:28px;align-items:start}.studio{background:#e7e9df;min-width:0;padding:30px;border:1px solid var(--line);position:sticky;top:20px}.stage-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:38px;font-size:11px;color:var(--muted)}.stage-caption .eyebrow{margin:0}.canvas-shadow{box-shadow:0 3px 4px #22281b14,0 22px 26px #22281b29;transform:rotate(-1deg);background:#fff;border:9px solid #faf9f5}.canvas-shadow canvas{display:block;width:100%;height:auto}.stage-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:500px;margin:28px 0 26px}.frame-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.frame-tabs button{background:#f5f5ee;border:1px solid #bac0ac;padding:8px;text-align:left;min-height:44px;font:600 11px Onest,sans-serif;cursor:pointer;color:var(--ink)}.frame-tabs button[aria-pressed=true]{outline:2px solid #536b21;outline-offset:1px;background:#faffed}.frame-tabs button>span:last-child{display:block;padding:10px 3px 3px}.frame-art{height:66px;display:block;background:#526d38;position:relative;overflow:hidden}.frame-art:before{content:'';width:80%;height:140%;position:absolute;left:10%;top:32%;background:#26391e;transform:rotate(37deg)}.frame-art:after{content:'';position:absolute;right:15%;top:10%;width:26px;height:26px;border-radius:50%;background:#e9dfa9}.art-2{background:#c79455}.art-3{background:#526577}.controls{background:#fff;border:1px solid var(--line);padding:28px;min-width:0}.controls-heading{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.controls-heading .eyebrow{margin:0 0 12px}.controls h2{font:700 25px/1.2 Unbounded,sans-serif;letter-spacing:-.05em}.slider-field{margin:20px 0}.slider-field label,.caption-field>label{display:flex;justify-content:space-between;gap:16px;font-size:13px;font-weight:600}.slider-field output,.caption-field label span{font:11px OrbitaMono,monospace;color:var(--muted)}.slider-field input{width:100%;min-height:36px;accent-color:#546c25}.quiet-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;color:var(--muted);min-height:44px;padding:0;font:12px Onest,sans-serif;cursor:pointer}.theme-fields{margin:22px 0;padding:20px 0 0;border:0;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap}.theme-fields legend{padding:0 0 12px;font-size:13px;font-weight:600}.theme-fields label{display:flex;align-items:center;gap:8px;font-size:12px;cursor:pointer;min-height:44px}.theme-fields input{width:18px;height:18px;accent-color:#546c25}.theme-dot{width:19px;height:19px;border:1px solid #a4ab98;display:block;border-radius:50%}.theme-dot.light{background:#f6f3e9}.theme-dot.dark{background:#252d21}.caption-field{margin:18px 0 26px}.caption-field input{width:100%;margin-top:10px;min-height:48px;padding:12px;border:1px solid #aeb5a0;border-radius:0;background:var(--paper);font:16px Onest,sans-serif;color:var(--ink)}.caption-field p,.control-foot{font-size:11px;color:var(--muted);line-height:1.6}.controls>.button{width:100%}.control-foot{margin-top:16px}.saved{margin-top:76px;scroll-margin-top:30px}.saved-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.saved h2,.demo-next h2{font:700 clamp(25px,3vw,40px)/1.2 Unbounded,sans-serif;letter-spacing:-.05em;margin:12px 0}.version-tag{font:11px OrbitaMono,monospace;padding:9px 12px;background:var(--soft);border:1px solid var(--line);white-space:nowrap}.saved-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:#fff;border:1px solid var(--line)}.saved-grid>img{width:100%;height:auto;align-self:center;padding:24px;min-width:0}.saved-copy{padding:32px;border-left:1px solid var(--line)}.saved-copy h3{font-size:24px;line-height:1.3;margin:0 0 18px}.saved-copy p{font-size:13px;line-height:1.7;color:var(--muted)}.saved-copy .button{margin-top:14px}.saved-copy .small{font-size:11px}.demo-next{margin:80px 0 60px;background:#232b1d;color:var(--paper);padding:44px;display:flex;gap:32px;align-items:center;justify-content:space-between}.demo-next .eyebrow{color:#c1c9b1}.demo-next p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:650px;color:#c1c9b1}.demo-next>a{flex-shrink:0}.status-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#232b1d;color:white;padding:16px 20px;max-width:600px;width:calc(100% - 40px);font-size:13px;z-index:20;box-shadow:0 4px 30px #10140a33}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6d8d17;outline-offset:5px}@media(prefers-reduced-motion:no-preference){.canvas-shadow{transition:transform .4s cubic-bezier(.17,.85,.28,1.1)}.studio:hover .canvas-shadow{transform:rotate(0)}.frame-tabs button:active{transform:scale(.97)}}@media(max-width:1100px){.photo-workspace{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:20px}.studio{padding:22px}.controls{padding:22px}.demo-next{flex-direction:column;align-items:start}.stage-caption{flex-direction:column;align-items:start;gap:10px}}@media(max-width:760px){.demo-intro{padding:42px 0 30px}.intro-copy{font-size:17px}.photo-workspace{grid-template-columns:minmax(0,1fr)}.studio{position:relative;top:auto;padding:20px}.stage-caption{flex-direction:row;gap:10px;margin-bottom:24px}.stage-caption>span{font-size:9px}.canvas-shadow{border-width:6px}.stage-note{margin:22px 0;font-size:11px}.frame-art{height:55px}.saved{margin-top:50px}.saved-head{align-items:start;flex-direction:column;gap:10px}.saved-grid{grid-template-columns:minmax(0,1fr)}.saved-grid>img{padding:18px}.saved-copy{padding:24px;border-left:0;border-top:1px solid var(--line)}.demo-next{margin:56px 0 40px;padding:28px;gap:22px}.demo-next>a{width:100%}}@media(max-width:390px){.demo-intro h1{font-size:29px}.stage-caption{flex-direction:column}.studio{padding:16px}.frame-tabs{gap:8px}.frame-tabs button{padding:5px;font-size:9px}.frame-art{height:44px}.controls{padding:20px}.saved-copy h3{font-size:22px}.demo-next{padding:24px}.demo-next h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.demo-next>.button.primary{color:var(--ink)}

.sample-price{background:var(--soft);border:1px solid var(--line);padding:20px;margin:22px 0}.sample-price>.eyebrow{font-size:9px;margin:0 0 12px}.sample-price>strong{font:700 30px Unbounded,sans-serif;letter-spacing:-.05em;display:block}.sample-price>div{font-size:11px;line-height:1.7;margin-top:16px}.sample-price>p:last-child{font-size:10px;line-height:1.6;color:var(--muted);margin-top:12px}.saved-copy .snapshot-price{font-weight:600;color:var(--ink);margin:12px 0}.saved-copy>#download-json{margin-top:12px;font-size:12px}