/* Juletrøjen AI Designer – mobil først. Alt er afgrænset til .jtd-app, så temaet ikke driller. */
.jtd-app {
  --g: #0f3d2e; --g2: #17503a; --r: #b5182b; --r2: #8f1022; --cream: #fff8ea; --card: #ffffff;
  --gold: #c99522; --ink: #1c2a24; --mute: #5d6b64; --line: #e6dcc6; --rad: 18px;
  position: relative; box-sizing: border-box; max-width: 1080px; margin: 0 auto; padding: 14px 14px 96px;
  background: var(--cream); color: var(--ink); border-radius: 26px;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; text-align: left;
}
.jtd-app *, .jtd-app *::before, .jtd-app *::after { box-sizing: border-box; }
.jtd-app [hidden] { display: none !important; }
.jtd-app h2, .jtd-app h3 { font-family: "Iowan Old Style", "Palatino Linotype", Georgia, serif; color: var(--g); margin: 0 0 6px; line-height: 1.15; letter-spacing: -.01em; }
.jtd-app h2 { font-size: 1.7em; }
.jtd-app h3 { font-size: 1.35em; }
.jtd-app p { margin: 0 0 12px; }
.jtd-app button, .jtd-app input, .jtd-app select { font: inherit; }
:where(.jtd-app) :where(button, input, select) { color: inherit; }
.jtd-app button { cursor: pointer; }
.jtd-app :focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.jtd-lead { color: var(--mute); }

/* top */
.jtd-head { display: grid; gap: 12px; margin-bottom: 16px; }
.jtd-brand b { display: block; font: 700 1.25em/1.1 "Iowan Old Style", "Palatino Linotype", Georgia, serif; color: var(--r); }
.jtd-brand span { font-size: .85em; color: var(--mute); }
.jtd-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.jtd-steps button { width: 100%; background: none; border: 0; padding: 0; display: grid; justify-items: center; gap: 4px; font-size: .74em; color: var(--mute); }
.jtd-steps i { font-style: normal; font-weight: 700; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 2px solid var(--line); color: var(--mute); transition: .2s; }
.jtd-steps .is-on i { background: var(--r); border-color: var(--r); color: #fff; transform: scale(1.08); }
.jtd-steps .is-on button { color: var(--ink); font-weight: 700; }
.jtd-steps .is-done i { background: var(--g); border-color: var(--g); color: #fff; }

.jtd-step { background: var(--card); border: 1px solid var(--line); border-radius: var(--rad); padding: 18px 16px; animation: jtd-in .28s ease both; }
@keyframes jtd-in { from { opacity: 0; transform: translateY(8px); } }

/* knapper */
.jtd-app .jtd-btn { min-height: 48px; padding: 10px 20px; border-radius: 999px; border: 2px solid var(--g); background: #fff; color: var(--g); font-weight: 700; transition: transform .12s, background .15s; }
.jtd-btn:active { transform: scale(.97); }
.jtd-app .jtd-btn--primary { background: var(--r); border-color: var(--r); color: #fff; box-shadow: 0 6px 16px rgba(181, 24, 43, .28); }
.jtd-app .jtd-btn--primary:hover { background: var(--r2); border-color: var(--r2); }
.jtd-app .jtd-btn--ghost { border-color: var(--line); color: var(--ink); }
.jtd-btn:disabled { opacity: .45; cursor: default; }
.jtd-app .jtd-link { background: none; border: 0; padding: 8px 0; color: var(--mute); text-decoration: underline; font-size: .9em; }
.jtd-foot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; display: flex; justify-content: space-between; gap: 10px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: rgba(255, 248, 234, .96); border-top: 1px solid var(--line); backdrop-filter: blur(6px); }
.jtd-foot .jtd-next { flex: 1; max-width: 420px; margin-left: auto; }

/* trin 1 */
.jtd-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0; }
.jtd-mode { text-align: left; padding: 12px; border-radius: 14px; border: 2px solid var(--line); background: #fff; display: grid; gap: 2px; }
.jtd-mode span { font-size: .82em; color: var(--mute); }
.jtd-mode.is-on { border-color: var(--g); background: #f1f7f3; }
.jtd-file { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.jtd-drop { display: grid; justify-items: center; gap: 4px; padding: 26px 14px; border: 2px dashed var(--gold); border-radius: var(--rad); background: #fffdf6; text-align: center; cursor: pointer; transition: .15s; }
.jtd-drop.is-over, .jtd-drop:hover { background: #fdf3d8; }
.jtd-drop:focus-within { outline: 3px solid var(--gold); outline-offset: 2px; }
.jtd-drop__ico { width: 56px; height: 56px; border-radius: 50%; background: var(--r); color: #fff; font-size: 2em; line-height: 52px; font-weight: 700; }
.jtd-drop strong { font-size: 1.1em; color: var(--g); }
.jtd-drop span:last-child { font-size: .85em; color: var(--mute); }
.jtd-tip { margin: 12px 0 0; padding: 10px 12px; border-radius: 12px; background: #f1f7f3; color: var(--g); font-size: .9em; }
.jtd-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; margin-top: 14px; }
.jtd-photo { position: relative; border-radius: 14px; overflow: hidden; background: #f3ecdc; border: 1px solid var(--line); }
.jtd-photo img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.jtd-photo__n { position: absolute; left: 6px; top: 6px; padding: 2px 9px; border-radius: 999px; background: var(--g); color: #fff; font-size: .74em; font-weight: 700; }
.jtd-photo__n.is-zero { background: var(--r); }
.jtd-app .jtd-photo__x { position: absolute; right: 6px; top: 6px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(0, 0, 0, .62); color: #fff; font-size: 1.3em; line-height: 1; }
.jtd-photo__btns { display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 6px; }
.jtd-mini { min-height: 38px; padding: 6px 10px; border-radius: 10px; border: 1px solid var(--line); background: #fff; font-size: .84em; font-weight: 600; text-align: center; cursor: pointer; display: grid; place-items: center; }
.jtd-facebar { margin-top: 14px; }
.jtd-facebar__row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.jtd-face { width: 48px; height: 48px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px var(--gold); flex: none; }

/* trin 2 */
.jtd-designs { display: grid; gap: 14px; margin-top: 14px; }
.jtd-design { display: grid; gap: 4px; padding: 10px 10px 14px; text-align: left; border-radius: var(--rad); border: 3px solid var(--line); background: #fff; transition: transform .15s, border-color .15s; }
.jtd-design canvas { width: 100%; height: auto; border-radius: 12px; display: block; margin-bottom: 6px; }
.jtd-design strong { font: 700 1.15em "Iowan Old Style", "Palatino Linotype", Georgia, serif; color: var(--g); }
.jtd-design span { font-size: .88em; color: var(--mute); }
.jtd-design.is-on { border-color: var(--r); box-shadow: 0 8px 22px rgba(181, 24, 43, .18); }
.jtd-design:hover { transform: translateY(-2px); }

/* trin 3 og 4 */
.jtd-step--split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.jtd-step--split > * { min-width: 0; }
.jtd-split__preview { position: relative; border-radius: 14px; overflow: hidden; background: #f3e9d4; }
.jtd-mock { display: block; width: 100%; height: auto; }
.jtd-mock--zoom { cursor: zoom-in; transition: transform .25s ease; }
.jtd-loupe { position: absolute; z-index: 2; width: 230px; height: 230px; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, .35); pointer-events: none; }
.jtd-zoomhint { position: absolute; left: 0; right: 0; bottom: 8px; z-index: 1; text-align: center; font-size: .74em; color: #5d6b64; pointer-events: none; text-shadow: 0 0 6px #fff, 0 0 6px #fff; }
.jtd-demo { position: absolute; left: 8px; top: 8px; z-index: 2; padding: 4px 10px; border-radius: 999px; background: rgba(15, 61, 46, .92); color: #fff; font-size: .74em; font-weight: 600; }
.jtd-field { margin: 14px 0; display: grid; gap: 6px; }
.jtd-field label, .jtd-label { font-weight: 700; color: var(--g); }
.jtd-field small { color: var(--mute); }
.jtd-app input[type=text], .jtd-app select { width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 12px; border: 2px solid var(--line); background: #fff; font-size: 16px; }
.jtd-app input[type=text]:focus, .jtd-app select:focus { border-color: var(--g); outline: none; }
.jtd-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.jtd-chip { min-height: 40px; padding: 6px 14px; border-radius: 999px; border: 2px solid var(--line); background: #fff; font-size: .88em; font-weight: 600; }
.jtd-chip.is-on { border-color: var(--g); background: var(--g); color: #fff; }
.jtd-names { display: grid; gap: 8px; }
.jtd-name { display: flex; align-items: center; gap: 10px; font-weight: 400; }
.jtd-swatches { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.jtd-swatch { min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 14px; border: 2px solid var(--line); background: #fff; font-weight: 600; }
.jtd-swatch i { width: 30px; height: 30px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); flex: none; }
.jtd-swatch.is-on { border-color: var(--g); background: #f1f7f3; }
.jtd-price { display: flex; align-items: baseline; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--line); }
.jtd-price strong { font: 700 1.9em "Iowan Old Style", "Palatino Linotype", Georgia, serif; color: var(--r); }
.jtd-price span { font-size: .85em; color: var(--mute); }
.jtd-actions { display: grid; gap: 8px; margin: 14px 0; }
.jtd-quality { padding: 10px 12px; border-radius: 12px; background: #fdf3d8; font-size: .9em; }
.jtd-savebox { display: grid; gap: 10px; padding: 14px; border-radius: 14px; background: #f1f7f3; }
.jtd-check { display: flex; gap: 10px; align-items: flex-start; font-size: .9em; font-weight: 400 !important; color: var(--ink) !important; }
.jtd-check input { width: 24px; height: 24px; flex: none; accent-color: var(--g); margin: 0; }
.jtd-saved { margin: 0 !important; }
.jtd-buy { display: grid; grid-template-columns: 96px 1fr; gap: 10px; align-items: end; }
.jtd-qty { display: grid; gap: 4px; font-weight: 700; color: var(--g); font-size: .85em; }
.jtd-app .jtd-qty input { width: 100%; min-height: 52px; padding: 8px 10px; border-radius: 12px; border: 2px solid var(--line); background: #fff; font-size: 16px; text-align: center; }
.jtd-app .jtd-buy__btn { min-height: 52px; font-size: 1.05em; }
.jtd-check--box { margin-top: 14px; padding: 12px; border-radius: 12px; background: #fdf3d8; }

/* "nisserne tegner" og gemmer */
.jtd-gen, .jtd-busy { display: grid; place-items: center; align-content: center; gap: 14px; text-align: center; font-weight: 700; color: #fff; }
.jtd-gen { position: absolute; inset: 0; z-index: 3; background: rgba(15, 61, 46, .93); }
.jtd-busy { position: fixed; inset: 0; z-index: 60; background: rgba(15, 61, 46, .9); }
.jtd-gen i, .jtd-busy i { width: 54px; height: 54px; border-radius: 50%; border: 6px solid rgba(255, 255, 255, .25); border-top-color: #e9b949; animation: jtd-spin .8s linear infinite; }
@keyframes jtd-spin { to { transform: rotate(360deg); } }
.jtd-toast { position: fixed; left: 50%; bottom: 84px; z-index: 70; transform: translate(-50%, 20px); max-width: min(92vw, 460px); padding: 12px 18px; border-radius: 14px; background: var(--ink); color: #fff; font-size: .92em; opacity: 0; pointer-events: none; transition: .25s; }
.jtd-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* ansigts-editor */
.jtd-modal { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 10px; background: rgba(10, 25, 18, .78); overflow: auto; }
.jtd-modal__box { width: min(100%, 560px); background: #fff; border-radius: 20px; padding: 16px; }
.jtd-hint { color: var(--mute); font-size: .9em; }
.jtd-ed { position: relative; border-radius: 12px; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; cursor: crosshair; background: #222; margin: 0 auto; }
.jtd-ed img { display: block; width: 100%; height: auto; pointer-events: none; }
.jtd-ed__c { position: absolute; aspect-ratio: 1; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 0 2px rgba(0, 0, 0, .55), 0 0 0 9999px rgba(0, 0, 0, .12); cursor: grab; display: grid; place-items: start center; }
.jtd-ed__c.is-sel { border-color: #e9b949; }
.jtd-ed__c span { margin-top: -13px; min-width: 24px; height: 24px; border-radius: 12px; background: #e9b949; color: #1c2a24; font-size: .78em; font-weight: 700; display: grid; place-items: center; }
.jtd-ed__row { display: flex; align-items: center; gap: 10px; margin: 12px 0; font-size: .82em; color: var(--mute); }
.jtd-range { flex: 1; min-height: 40px; accent-color: var(--r); }
.jtd-ed__btns { display: flex; justify-content: space-between; gap: 10px; }

/* Layout følger designerens egen bredde (sættes af JS), så det også virker i smalle temaer. */
.jtd-app.is-wide .jtd-head { grid-template-columns: auto 1fr; align-items: center; gap: 30px; }
.jtd-app.is-mid .jtd-steps button { grid-auto-flow: column; justify-content: center; align-items: center; gap: 8px; font-size: .86em; }
.jtd-app.is-mid .jtd-step { padding: 26px; }
.jtd-app.is-mid .jtd-designs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jtd-app.is-mid .jtd-actions { grid-template-columns: 1fr 1fr; }
.jtd-app.is-mid .jtd-split__preview { max-width: 560px; margin: 0 auto; width: 100%; }
.jtd-app.is-wide .jtd-step--split { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: 28px; }
.jtd-app.is-wide .jtd-split__preview { position: sticky; top: 20px; max-width: none; }
@media (min-width: 720px) {
  .jtd-app { padding: 24px; }
  .jtd-foot { position: static; background: none; border: 0; padding: 16px 0 0; backdrop-filter: none; }
  .jtd-toast { bottom: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .jtd-app *, .jtd-app *::before { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Foto-nisser: coherent portrait and explicit proof approval. */
.jtd-inspiration { display:grid; gap:24px; align-items:center; padding:20px; margin-bottom:28px; border-radius:18px; background:#0f3026; color:#fff8ea; }
.jtd-inspiration img { display:block; width:100%; max-height:390px; object-fit:contain; }
.jtd-inspiration h2 { color:#fff8ea; font-size:clamp(30px,3.5vw,44px); margin:10px 0 16px; }
.jtd-inspiration small { opacity:.75; }
.jtd-eyebrow { font-size:12px; letter-spacing:.16em; color:#eac781; font-weight:700; }
.jtd-app.is-mid .jtd-inspiration { grid-template-columns:1fr 1fr; }
.jtd-design__example { position:relative; background:#17503a; border-radius:12px; overflow:hidden; aspect-ratio:3/4; display:grid; place-items:center; }
.jtd-design__example img { width:100%; height:100%; object-fit:contain; }
.jtd-design__example small, .jtd-example-label { position:absolute; bottom:10px; left:10px; right:10px; border-radius:8px; padding:7px 10px; background:#fff8eaf0; color:#164333; font-size:12px; text-align:center; }
.jtd-app.is-mid .jtd-designs { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.jtd-person-number { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#f2e8d4; flex:none; }
.jtd-approval { background:#fff4d9; border:1px solid #d8b970; border-radius:12px; padding:14px; margin:18px 0; }
.jtd-field input[type=number] { max-width:120px; min-height:48px; border:2px solid var(--line); border-radius:10px; padding:8px; font:inherit; }

/* Christmas studio: same visual language as the storefront, scoped to this page. */
body:has(#jtd-app) #brx-content{max-width:none;width:100%;padding:36px 28px 64px;background:radial-gradient(ellipse at 50% 0,#154835 0,transparent 65%),#031e17}
body:has(#jtd-app) #brx-content>h1{font-family:Fraunces,Georgia,serif;text-align:center;font-size:clamp(30px,4vw,48px);color:#fff5e4;letter-spacing:-1.5px;margin:0 0 28px}
.jtd-app{max-width:1260px;padding:0;background:none;border-radius:0;--g:#123e30;--r:#bb101f;--cream:#fcf5e9;font-family:'DM Sans',system-ui,sans-serif}
.jtd-app h2,.jtd-app h3,.jtd-design strong{font-family:Fraunces,Georgia,serif}
.jtd-head{padding:0 5px 24px;margin:0;color:#fcf5e9}
.jtd-brand b{color:#efd29b;font-family:Fraunces,Georgia,serif;font-size:22px}
.jtd-brand span{color:#b9ccbd;font-size:12px;display:block;margin-top:7px}
.jtd-steps button,.jtd-steps .is-on button{color:#f9f1df}
.jtd-steps i{background:#ffffff0a;color:#c8d7ca;border:1px solid #e4c78b44}
.jtd-steps .is-on i{background:#b81020;border-color:#edcf98;box-shadow:0 0 22px #e6ae3630}
.jtd-steps .is-done i{background:#29553f;border-color:#8ead94}
.jtd-step{border:1px solid #f3dfbb;border-radius:24px;background:#fcf7ed;box-shadow:0 25px 70px #0003}
.jtd-app.is-mid .jtd-step{padding:32px}
.jtd-app.is-wide .jtd-upload{display:grid;grid-template-columns:1.08fr 1fr;padding:0;gap:0;overflow:hidden}
.jtd-inspiration{position:relative;background:radial-gradient(ellipse at 48% 30%,#2a6147,#0a3024 75%);border-radius:0;padding:28px;margin:0;text-align:center;overflow:hidden;display:flex!important;flex-direction:column;gap:10px}
.jtd-inspiration::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.65;background:radial-gradient(circle at 7% 13%,#ffe5a5 0 1px,transparent 3px),radial-gradient(circle at 91% 32%,#ffe5a5 0 2px,transparent 5px),radial-gradient(circle at 13% 58%,#ffe5a5 0 1px,transparent 4px),radial-gradient(circle at 85% 74%,#ffe5a5 0 1px,transparent 3px)}
.jtd-inspiration img{height:330px;max-height:none;filter:drop-shadow(0 14px 20px #0004);position:relative}
.jtd-inspiration>div{position:relative;max-width:440px}
.jtd-inspiration h2{font-size:38px;line-height:1.08;margin:12px 0 15px;letter-spacing:-1px}
.jtd-inspiration p{font-size:15px;color:#e2e9da}
.jtd-inspiration small{font-size:11px;opacity:.65}
.jtd-upload__form{padding:32px;align-self:center}
.jtd-upload__form>.jtd-eyebrow{color:#a81925;display:block;margin-bottom:16px;font-size:10px}
.jtd-upload__form h2{font-size:32px;margin-bottom:12px;letter-spacing:-.8px}
.jtd-lead{font-size:14px;line-height:1.7}
.jtd-mode{border-width:1px;padding:14px;border-radius:12px;background:#fffdf9}
.jtd-mode.is-on{border-color:#244a35;box-shadow:inset 0 0 0 1px #244a35;background:#eaf0e7}
.jtd-mode strong{font-size:13px}.jtd-mode span{font-size:11px}
.jtd-drop{min-height:150px;background:#fffaf0;border:1px dashed #be9856;gap:7px}
.jtd-drop__ico{background:linear-gradient(#d82732,#ac0c18);box-shadow:0 5px 18px #b20c1a22;width:46px;height:46px;line-height:43px;font-size:29px}
.jtd-tip{background:transparent;padding:0;font-size:12px;color:#667064}
.jtd-app .jtd-btn--primary{background:linear-gradient(180deg,#d61c2a,#aa0915);border:1px solid #e9be74;box-shadow:0 5px 18px #60000e25;font-size:16px;padding:13px 25px}
.jtd-foot{align-items:center}.jtd-foot .jtd-btn--ghost{color:#fff3df;border:1px solid #bdb49966;background:transparent}
.jtd-app.is-wide .jtd-step--split{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px;padding:24px}
.jtd-split__preview{background:#fff;box-shadow:0 8px 28px #27412c10;border-radius:18px;aspect-ratio:1 / 1.15;isolation:isolate}
.jtd-mock{width:100%;height:auto;display:block}
.jtd-preview-caption{position:absolute;z-index:2;top:16px;left:16px;background:#fffaf0e8;padding:7px 11px;border-radius:40px;letter-spacing:1.6px;font-size:9px;font-weight:700;color:#315441}
.jtd-split__form{padding:12px 8px}.jtd-split__form h2{font-size:32px;letter-spacing:-.8px;margin-bottom:18px}
.jtd-field{margin-bottom:20px}.jtd-app .jtd-field input,.jtd-app .jtd-field select{background:#fffdf8;border-width:1px;border-radius:10px}
.jtd-price{border-top:1px solid #dccdb4;padding-top:20px;margin-top:20px}.jtd-price strong{font-family:Fraunces,Georgia,serif;font-size:32px}
.jtd-actions .jtd-btn{min-height:38px;font-size:12px;padding:8px 10px;border-width:1px;background:transparent;border-color:#d5cbb7;border-radius:8px}
.jtd-savebox{background:#efe9dc;border-radius:12px}.jtd-approval{background:#f8f0dd;border-color:#dbc69d;font-size:12px}.jtd-check{font-size:12px}
.jtd-app.is-mid .jtd-designs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.jtd-design{padding:12px;border-width:1px;background:#fffdf8}.jtd-design.is-on{border-color:#b71422;box-shadow:0 0 0 1px #b71422,0 8px 24px #69000c12}
.jtd-design__example{aspect-ratio:1; background:radial-gradient(ellipse,#2c654b,#0c3025)}
.jtd-design canvas{aspect-ratio:1;object-fit:contain;max-height:400px}.jtd-design strong{font-size:24px;margin:8px 6px 0}.jtd-design>span{font-size:13px;margin:0 6px 8px}
@media(max-width:719px){body:has(#jtd-app) #brx-content{padding:20px 12px 100px}body:has(#jtd-app) #brx-content>h1{font-size:28px;margin-bottom:20px}.jtd-brand{display:none}.jtd-head{padding-bottom:20px}.jtd-step{padding:18px 14px;border-radius:18px}.jtd-upload{padding:0;overflow:hidden}.jtd-inspiration{padding:20px}.jtd-inspiration img{height:230px}.jtd-inspiration h2{font-size:28px}.jtd-inspiration p{font-size:13px}.jtd-upload__form{padding:24px 18px}.jtd-upload__form h2{font-size:27px}.jtd-foot{background:#082d23f5;border-top:1px solid #e3c28b44;padding:12px}.jtd-foot .jtd-btn{font-size:13px;padding:11px 15px}.jtd-step--split{gap:22px}.jtd-split__form h2{font-size:28px}.jtd-split__preview{aspect-ratio:1/1.1}.jtd-split__form{padding:0}.jtd-inspiration .jtd-eyebrow{font-size:10px}}

.jtd-split__preview{height:clamp(440px,50vw,680px);aspect-ratio:auto}
.jtd-split__preview .jtd-mock{transform:scale(1.45);transform-origin:50% 12%}
.jtd-art{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:32px 24px 64px;background:radial-gradient(ellipse,#2c6047,#0b3025)}
.jtd-split__preview.is-art .jtd-art{display:block}.jtd-split__preview.is-art .jtd-mock{visibility:hidden}.jtd-split__preview.is-art .jtd-loupe,.jtd-split__preview.is-art .jtd-zoomhint{display:none}
.jtd-preview-tools{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:4;display:flex;gap:4px;background:#fffaf2;padding:5px;border-radius:40px;box-shadow:0 3px 18px #0002;white-space:nowrap}
.jtd-preview-tools button{border:0;background:transparent;border-radius:40px;padding:9px 15px;font-size:12px;color:#254536;font-weight:600}.jtd-preview-tools button[aria-pressed=true]{background:#173d2d;color:#fff4df}
.jtd-example-label{bottom:70px;z-index:3}.jtd-zoomhint{bottom:68px;font-size:10px;padding:0 12px}
.jtd-upload .jtd-photos{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));max-width:300px}
@media(max-width:719px){.jtd-split__preview{height:420px}.jtd-preview-tools button{font-size:11px;padding:9px 12px}}