.mandala-intro{max-width:820px}.mandala-studio{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:24px;margin:28px 0}.mandala-paper{background:#fff;border:1px solid #e3dfd5;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px #213f430b;position:sticky;top:24px}.mandala-paper canvas,.mandala-paper img{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:pan-y}.mandala-paper canvas{cursor:crosshair}.mandala-tools h3{margin:0 0 6px}.mandala-tools .mandala-small{font-size:.87rem;line-height:1.6;color:var(--muted);margin:8px 0 15px}.mandala-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.mandala-swatch{height:42px;min-height:42px!important;min-width:0;border-radius:50%!important;border:2px solid #213f4330;position:relative;cursor:pointer;padding:0}.mandala-swatch[aria-pressed=true]{outline:3px solid var(--petrol);outline-offset:3px}.mandala-swatch[aria-pressed=true]:after{content:'✓';font:bold 1.25rem Arial;color:#102f32;background:#ffffffdc;border-radius:50%;position:absolute;inset:7px;line-height:24px}.mandala-custom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:850}.mandala-custom input{width:68px;cursor:pointer;padding:3px}.mandala-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.mandala-actions button,.mandala-keyboard button{border:1px solid var(--line);background:var(--paper);color:var(--petrol);font-size:.9rem;padding:8px;cursor:pointer}.mandala-actions button[aria-pressed=true]{background:var(--sage);border:2px solid var(--petrol)}.mandala-tools button:disabled{opacity:.42;cursor:default}.mandala-save-actions{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:20px}.mandala-save-actions a{font-size:.9rem;text-align:center;padding:9px 0}.mandala-status{font-size:.9rem;font-weight:800;min-height:3em;margin:16px 0 5px}.mandala-keyboard{border-top:1px solid var(--line);padding-top:14px;font-size:.85rem}.mandala-keyboard summary{cursor:pointer;min-height:36px;font-weight:800}.mandala-keyboard select,.mandala-keyboard button{display:block;width:100%;margin:9px 0}.mandala-keyboard label{display:block;margin-top:10px}#mandala-print-sheet{display:none}
@media(max-width:1000px){.mandala-studio{grid-template-columns:minmax(0,1fr) 265px;gap:18px;padding:16px}.mandala-palette{grid-template-columns:repeat(6,1fr);gap:6px}.mandala-swatch{height:36px;min-height:36px!important}.mandala-swatch[aria-pressed=true]:after{inset:5px;line-height:22px}}
@media(max-width:740px){.mandala-studio{grid-template-columns:1fr;padding:12px;gap:22px}.mandala-paper{position:static}.mandala-tools{padding:0 6px 6px}.mandala-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;max-width:400px}.mandala-swatch{height:44px;min-height:44px!important;max-width:48px}.mandala-swatch[aria-pressed=true]:after{inset:8px;line-height:23px}.mandala-custom{justify-content:flex-start;gap:18px}}
@media print{body.mandala-printing{background:#fff!important}body.mandala-printing>*{display:none!important}body.mandala-printing .preview-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body.mandala-printing .preview-main>*{display:none!important}body.mandala-printing #mandala{display:block!important;margin:0!important;padding:0!important}body.mandala-printing #mandala>*{display:none!important}body.mandala-printing #mandala-print-sheet{display:block!important;text-align:center;break-inside:avoid}#mandala-print-sheet img{display:block;width:180mm;max-width:100%;height:auto;margin:0 auto}#mandala-print-sheet p{font:10pt sans-serif;color:#444;text-align:center}@page{size:A4 portrait;margin:15mm}}

.mandala-paper [hidden]{display:none}.mandala-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:26px 0}.mandala-choice{display:flex;flex-direction:column;align-items:stretch;gap:6px;position:relative;padding:10px;border:2px solid var(--line);border-radius:14px;background:var(--paper);color:var(--petrol);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s}.mandala-choice img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white;border-radius:8px}.mandala-choice strong{font-size:1rem;line-height:1.3;padding-top:4px}.mandala-choice span{font-size:.79rem;line-height:1.4;color:var(--muted)}.mandala-choice:hover{border-color:var(--petrol)}.mandala-choice[aria-pressed=true]{border-color:var(--petrol);box-shadow:0 0 0 2px var(--petrol);background:#eaf3ee}.mandala-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:15px;top:15px;background:var(--petrol);color:white;width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;font-weight:800}.mandala-choice:focus-visible{outline:3px solid var(--petrol);outline-offset:5px}.mandala-caption h3{font-size:1.5rem;margin:20px 0 5px}.mandala-caption p{margin:0;max-width:780px;color:var(--muted)}.mandala-caption+.mandala-studio{margin-top:18px}
@media(max-width:740px){.mandala-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mandala-choice{padding:8px}.mandala-choice strong{font-size:.92rem}.mandala-choice span{font-size:.75rem}}
@media(max-width:430px){.mandala-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.mandala-choice img{max-height:150px}}