/* A short path with optional context, using the site's existing colour tokens. */
.minimal-studio [hidden]{display:none!important}
.minimal-studio main{max-width:1000px;margin:auto;padding-bottom:32px}
.minimal-studio .studio{display:block;max-width:760px;margin:24px auto}
.minimal-studio .editor{padding:24px 28px;border-radius:18px;gap:0;box-shadow:0 12px 48px #30253009}
.minimal-studio .result{display:none}
.minimal-studio #previewEdit,.minimal-studio #expandedDetails #status{display:none}
.wizard-welcome{text-align:center;display:flex;align-items:center;flex-direction:column;gap:18px;padding:64px 0 48px;max-width:660px;margin:auto}
.wizard-welcome .eyebrow{margin:0!important}.wizard-welcome h1{font-size:clamp(2.4rem,6vw,3.6rem);margin:0!important}
.wizard-welcome p{margin:0!important;display:block!important;font-size:1rem}
.welcome-steps{display:grid;grid-template-columns:repeat(5,1fr);width:100%;gap:12px;list-style:none;padding:0;margin:22px 0 26px}
.welcome-steps li{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.84rem;color:var(--text)}
.welcome-steps svg{width:70px;height:70px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--accent)}
.wizard-welcome .button{width:min(100%,320px);min-height:54px;border-radius:12px;margin:0}
.minimal-studio .wizard-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible;margin:16px 0 23px;padding:0;scroll-margin-top:160px}
.minimal-studio .wizard-tabs button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;color:var(--muted);padding:6px 2px;font-size:.73rem;min-width:0;white-space:normal}
.step-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);border:1px solid var(--line);font-size:.7rem}
.minimal-studio .wizard-tabs [aria-current=step]{color:var(--text);font-weight:700;background:none}
.wizard-tabs [aria-current=step] .step-number{background:var(--accent);border-color:var(--accent);color:var(--surface)}
.wizard-page>h2{font-size:1.75rem;letter-spacing:-.025em;margin:0 0 23px}.wizard-page>h2:focus{outline:none}
.minimal-studio .wizard-page>label{margin:16px 0 8px}.minimal-studio .wizard-page>input{height:50px;margin-bottom:10px}
.minimal-studio .font-choices{grid-template-columns:repeat(3,minmax(0,1fr));max-height:270px;overflow:auto;overscroll-behavior:contain;padding:3px 3px 8px;margin-bottom:16px}
.minimal-studio .font-choice{border-radius:9px;min-height:76px}.minimal-studio .font-choice strong{font-size:1.6rem}
.context-help-link{display:inline-flex;align-items:center;min-height:36px;padding:2px 0;margin:0 0 7px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:.76rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.context-help{width:min(480px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:18px;padding:24px;box-shadow:0 20px 70px #0003}
.context-help::backdrop{background:#18131c88}.context-help-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
.context-help h2{font-size:1.55rem;margin:0 0 10px}.context-help-head button{background:none;border:0;color:var(--text);min-width:44px;min-height:44px;font-size:1.6rem;margin:-10px -8px 0 0}
#contextHelpBody{font-size:.92rem;line-height:1.65;color:var(--muted)}#contextHelpBody [hidden]{display:block!important}
.context-help .help-done{margin-top:18px;border-radius:10px;min-height:46px}
.extra-options{border-top:1px solid var(--line);padding:12px 0;margin:12px 0 2px}
.extra-options>summary{cursor:pointer;min-height:40px;display:list-item;align-content:center;color:var(--text);font:500 .84rem Arial,sans-serif;list-style-position:inside}
.extra-options[open]>summary{margin-bottom:12px}.extra-options .upload-row{margin-bottom:12px}.extra-options .consent{margin:12px 0}
.minimal-studio .visual-options{margin-top:5px}.minimal-studio .visual-height .visual-option{padding:8px 6px;border-radius:12px}
.minimal-studio .visual-mount .option-description{display:none}.minimal-studio .visual-mount .option-title{margin-bottom:0}
.minimal-studio .decorative-slot{padding:0;border:0;margin:16px 0 0;background:none}
.decoration-sides{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:var(--surface-soft);border-radius:12px}
.decoration-sides button{border:1px solid transparent;background:transparent;color:var(--muted);border-radius:8px;min-height:44px;font:500 .88rem Arial,sans-serif}
.decoration-sides button[aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 2px 8px #00008}
.minimal-studio .figure-gallery .decoration-cards{grid-template-rows:repeat(2,115px);grid-auto-columns:116px;gap:9px;max-height:none;overscroll-behavior:contain}
.minimal-studio .figure-gallery .decoration-card{border-radius:12px;padding:9px}.minimal-studio .figure-gallery .decoration-card img{height:68px}
.minimal-studio .figure-gallery .decoration-card span{font-size:.7rem}.minimal-studio .decorative-slot .extra-options{margin-top:10px}
.minimal-studio #swapDecorations{min-height:44px;width:auto;padding:9px 14px;font-size:.78rem;border-radius:9px}
.minimal-studio #heartPhraseFields{padding:12px 0}.minimal-studio #heartPhraseFields .consent{font-size:.9rem!important;color:var(--text)!important;min-height:44px}
.minimal-studio #heartText{width:18px;height:18px}.minimal-studio #phraseTextInputs label{margin-bottom:9px}.minimal-studio #phraseTextInputs .count{display:block;margin:3px 0;text-align:right;font-size:.72rem}
.minimal-studio .color-fields{display:grid;grid-template-columns:1fr;gap:14px}.minimal-studio .color-fields>div:last-child{grid-column:auto}
.minimal-studio .color-fields label,.wizard-color-field>label{font-size:.87rem;margin-bottom:7px}
.wizard-color-field,#phraseColorWrap{border-top:1px solid var(--line);padding-top:16px;margin-top:15px}
.minimal-studio .visual-color{gap:8px}.minimal-studio .visual-color .visual-option{width:46px;height:46px}
.minimal-studio .selected-color{margin:7px 0 0;font-size:.74rem}
.design-summary{display:grid;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.design-summary button{display:grid;grid-template-columns:75px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;min-height:70px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--text);padding:14px;font:inherit;font-size:.8rem}
.design-summary button:last-child{border-bottom:0}.design-summary strong{font-weight:500;line-height:1.45}.design-summary button>span:first-child{color:var(--muted)}
.summary-edit{color:var(--accent);font-size:.73rem;text-decoration:underline;text-underline-offset:3px}
.minimal-studio .editor-actions{margin:24px 0 0}.minimal-studio .editor-actions .button{border-radius:11px;min-height:50px}
.minimal-studio .editor-actions p{text-align:center;font-size:.76rem;margin-top:12px}.minimal-studio #resetDesign{font-size:.78rem;min-height:42px}
.minimal-studio .wizard-navigation{position:sticky;bottom:0;z-index:8;background:var(--surface);padding:14px 0 max(8px,env(safe-area-inset-bottom));margin-top:24px}
.minimal-studio .wizard-navigation button{min-height:48px;border-radius:10px;padding:10px 20px;margin:0;width:auto}.minimal-studio .wizard-navigation .primary{color:var(--surface);border-color:var(--accent);background:var(--accent)}
.minimal-studio .wizard-navigation button:disabled{opacity:.4}.minimal-studio .wizard-navigation span{font-size:.75rem}
.minimal-studio .preview-dock{top:0;margin:-1px 0 0;z-index:9;padding:0;background:var(--surface)}
.minimal-studio .preview-dock .quick-composition{display:block;padding:10px 14px;margin:0;border-radius:12px;background:var(--surface-soft)}
.minimal-studio .preview-dock-title{margin:0;display:flex;justify-content:space-between;align-items:center}
.minimal-studio .preview-dock-title .context-help-link{font-size:.74rem;margin:0;min-height:26px;text-decoration:none}
.minimal-studio .preview-dock-title span{font-size:.66rem;color:var(--muted)}
.minimal-studio .preview-dock .quick-stage{width:100%;height:105px;margin:0}
.minimal-studio #dockGenerate{display:none}.minimal-studio .preview-dock-actions{display:flex;justify-content:center;gap:0}
.minimal-studio #dockView:disabled{display:none}.minimal-studio #dockView{min-height:36px;padding:6px 14px;width:auto;margin:0;font-size:.75rem;border-radius:8px}
.minimal-studio .dock-state{display:none}.minimal-studio .preview-dock .quick-composition>p{display:none}
.minimal-studio #wizardError{font-size:.84rem;line-height:1.4;margin:15px 0}
.minimal-studio .preview-dialog{border-radius:18px}.minimal-studio .preview-dialog-head h2{font-size:1.4rem}
.minimal-studio .preview-dialog .price{margin:16px 0;border-radius:12px}.minimal-studio .price p{font-size:.77rem;max-width:230px}
.minimal-studio .result-extra{padding:12px 0;border-bottom:1px solid var(--line)}
.minimal-studio .result-extra>summary{cursor:pointer;min-height:44px;align-content:center;list-style-position:inside;font-size:.88rem}
.minimal-studio .more-sizes{background:none;padding:0;border:0;margin:0}.minimal-studio .more-sizes .size-estimate-note{margin:4px 0 14px}
.minimal-studio .submit{border-radius:12px;margin-top:18px}.minimal-studio .submit .button{border-radius:10px}
.minimal-studio button:focus-visible,.minimal-studio summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:600px){
 .minimal-studio main{padding:0 12px 20px}.minimal-studio .studio{margin:12px auto}.minimal-studio .editor{padding:14px;border-radius:14px}
 .wizard-welcome{padding:38px 4px 30px;gap:15px}.wizard-welcome h1{font-size:2.4rem!important}.wizard-welcome p{font-size:.92rem}
 .welcome-steps{gap:4px;margin:15px 0 20px}.welcome-steps svg{width:52px;height:52px;padding:8px;border-radius:15px}.welcome-steps li{font-size:.66rem;gap:9px}
 .minimal-studio .preview-dock .quick-stage{height:80px}.minimal-studio .preview-dock .quick-composition{padding:6px 10px}
 .minimal-studio .wizard-tabs{margin:10px 0 17px;scroll-margin-top:135px}.minimal-studio .wizard-tabs button{font-size:.64rem;gap:5px}
 .wizard-page>h2{font-size:1.5rem;margin-bottom:18px}.minimal-studio .font-choices{grid-template-columns:repeat(2,minmax(0,1fr));max-height:245px}
 .minimal-studio .font-choice strong{font-size:1.4rem}.minimal-studio .wizard-navigation{margin-top:18px;padding-top:12px}
 .minimal-studio .wizard-navigation button{padding-inline:16px}.design-summary button{grid-template-columns:61px minmax(0,1fr) auto;gap:8px;padding:12px;font-size:.75rem}
 .minimal-studio .preview-dialog-head h2{font-size:1.1rem}.minimal-studio .context-help{padding:20px}.context-help h2{font-size:1.3rem}
 .minimal-studio .visual-wall .placement-option{grid-template-columns:98px 1fr}.minimal-studio .visual-wall .placement-art{min-height:72px}
}
@media(max-width:360px){.minimal-studio .wizard-tabs button{font-size:.60rem}.welcome-steps svg{width:46px;height:46px}.welcome-steps li{font-size:.61rem}}
.minimal-studio .wizard-tabs{scroll-margin-top:calc(var(--preview-height,130px) + 12px)}
.minimal-studio .viewer-toolbar button{min-height:44px;padding:8px}
/* Show the finished object before asking a new visitor to customize it. */
.wizard-welcome{padding-top:34px;gap:12px;max-width:700px}
.wizard-welcome h1{max-width:600px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.12}
.welcome-product{width:100%;max-width:610px;margin:8px 0 0;position:relative;border-radius:20px;overflow:hidden;background:#f2ebe5}
.welcome-product img{display:block;width:100%;height:auto;aspect-ratio:1400/820;object-fit:contain}
.welcome-product figcaption{position:absolute;bottom:10px;left:14px;color:#665b56;font-size:.65rem;background:#fffaf2e8;border-radius:8px;padding:5px 9px}
.wizard-welcome .welcome-steps{margin:7px 0 8px;max-width:540px}
.wizard-welcome .welcome-steps svg{width:48px;height:48px;padding:8px;border-radius:14px}
.wizard-welcome .welcome-steps li{gap:7px;font-size:.73rem}
@media(max-width:600px){
 .wizard-welcome{padding:24px 4px;gap:11px}
 .wizard-welcome h1{font-size:2rem!important;max-width:340px}
 .wizard-welcome p{font-size:.85rem}
 .welcome-product{margin-top:3px;border-radius:14px}
 .welcome-product figcaption{bottom:6px;left:8px;font-size:.56rem;padding:4px 6px}
 .wizard-welcome .welcome-steps{margin:3px 0 6px}
 .wizard-welcome .welcome-steps svg{width:40px;height:40px;padding:6px;border-radius:12px}
 .wizard-welcome .welcome-steps li{font-size:.63rem;gap:5px}
}
