/* Local experience layout only. Parent branding and the shared themes are unchanged. */
.intro{padding:24px 0 12px}.intro h1{font-size:42px;margin:10px 0 20px}.intro .product-symbol{width:42px;height:42px}
.feeling-intro{min-height:0;padding-top:22px;margin-bottom:36px}
#statement-label,#shape-label,#color-label,.canvas-heading h2{font:normal 28px/1.35 Georgia;margin:0 0 20px;letter-spacing:0}
.statement-wrap{padding-bottom:8px}.shape-section,.colour-section,.art-area{margin:0 0 64px;min-width:0}
#shape-canvas-wrap{position:relative;aspect-ratio:5/4;background:#fffdf8;border:1px solid var(--theme-border);overflow:hidden}
#shape-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.shape-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;font-size:12px}.shape-actions button{min-height:42px}.shape-actions label{display:flex;gap:8px;align-items:center}.shape-actions input{width:90px;accent-color:var(--theme-accent)}
details>summary{cursor:pointer;width:fit-content;min-height:44px;padding:12px 0;font-size:13px}summary:focus-visible{outline:3px solid var(--theme-accent);outline-offset:3px}
#ready-shapes .shape-grid{margin-top:10px}#remove-preset{margin-top:12px}
#optional-guidance{margin:0 0 24px;touch-action:pan-y;overflow:visible}#optional-guidance .guidance{max-width:760px}#optional-guidance .guidance-passage{max-height:none;overflow:visible;overscroll-behavior:auto;padding:0}
#optional-guidance .guidance p{white-space:pre-line;font-size:14px;line-height:1.85;margin:0 0 14px;color:var(--theme-text)}
#optional-guidance .guidance-toggle{display:none}.canvas-heading{display:block}
#optional-guidance .guided-audio{margin-top:22px}#optional-guidance[open]{padding-bottom:10px}
.colour-section .color-picker{padding:16px;min-height:52px}.color-picker:not(.has-colour){background:transparent!important;color:var(--theme-text)!important;border:1px solid var(--theme-border);width:auto;font-size:13px}.color-picker:not(.has-colour)>span:last-child{display:none}
.brush-preview{min-height:62px}#finished{text-align:center;padding:70px 0 130px}#finish{margin:20px}#session-status:empty{display:none}
#journey-dialog{width:460px}#journey-dialog>div{flex-wrap:wrap}#journey-dialog button{min-height:44px}
#shape-canvas-wrap~button[id^=fit]{margin-left:auto;display:block}.privacy-note{max-width:700px;margin:35px auto}
@media(max-width:700px){.intro h1{font-size:34px}.intro{padding-top:18px}.feeling-intro{padding-top:20px;margin-bottom:32px}#statement-label,#shape-label,#color-label,.canvas-heading h2{font-size:24px}.shape-section,.colour-section,.art-area{margin-bottom:44px}.shape-actions{gap:6px}.shape-actions button{font-size:11px;padding:9px}.shape-actions label{flex-basis:100%;padding:5px 0}.shape-actions input{flex:1;max-width:180px}}

#canvas-wrap{touch-action:auto}#outline,#shape-outline{touch-action:none}

#artworks h3{white-space:pre-wrap}
@media(max-width:360px){.toolbar .tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%}}



.product-subtitle{font:17px/1.5 Georgia;color:var(--theme-text);opacity:.8}.intro h1{margin-bottom:8px}.intro{padding-bottom:20px}.fix-action{display:flex;align-items:center;gap:14px;margin:12px 0}.fix-action button{min-height:44px}.fixed-status{font-size:12px;color:var(--theme-text);opacity:.8}.brush-colour-row{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:12px}.brush-colour-row .color-picker{width:auto;min-width:160px;max-width:100%;min-height:44px}.brush-colour-row .color-picker:disabled{opacity:1}.shape-section.is-fixed #shape-outline{cursor:default}.shape-section.is-fixed .shape-actions{opacity:.6}#fix-dialog{max-width:calc(100vw - 28px);width:470px}#fix-dialog>div{flex-wrap:wrap}.journey-review{width:100%;height:auto;max-width:100%;border-radius:8px}#artworks{display:block}.export-stamp{font-size:12px;text-align:center;color:var(--theme-text)}
@media(max-width:700px){.product-subtitle{font-size:15px}.brush-colour-row{flex-wrap:wrap}}

#color:disabled{opacity:1;cursor:default}.shape-section.is-fixed #shape-outline{touch-action:pan-y}#finish{min-height:44px}

#ready-shapes .shape-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}#shapes button{min-height:106px;padding:12px 8px;font-size:12px;line-height:1.35}#shapes button span{height:54px;margin:0 0 7px}#shapes svg{display:block;width:54px;height:54px;margin:auto}@media(max-width:500px){#ready-shapes .shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#shapes button{min-height:104px;font-size:11px;padding:10px 5px}}