.visual-guide{border:1px solid #d7cdbb;border-radius:18px;background:#f7f3ea;padding:clamp(16px,3vw,28px);margin:24px 0;color:#302b40}.visual-guide h2,.visual-guide h3{margin-top:0}.visual-guide p{line-height:1.9}.visual-guide img,.visual-guide svg{max-width:100%;height:auto;display:block;margin:auto}.static-visual-guide{max-width:1040px;margin:32px auto}.visual-guide figure{margin:16px 0}.visual-guide figcaption{font-size:13px;line-height:1.7;color:#655b50;text-align:center;margin-top:8px}.palm-map{width:100%;max-height:480px}.palm-line-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.palm-line-buttons button{background:#fffaf0;border:1px solid #b5a88b;color:#342c40;padding:12px;border-radius:10px;cursor:pointer;font:inherit}.palm-line-buttons button[aria-pressed=true]{background:#30283e;color:white;border-color:#30283e}.palm-line-buttons button:focus-visible{outline:3px solid #346b92;outline-offset:3px}.palm-hint{min-height:4em;font-size:14px}.line-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 8px}.line-samples figure{margin:0;padding:8px;background:#f5f0e7;border:1px solid #ddd3c0;border-radius:12px}.line-samples svg{width:85px;height:85px;display:block;margin:auto;max-width:100%}.line-samples figcaption{font-size:12px;line-height:1.6;text-align:center;color:#4f4658}.palm-progress{font-size:14px;background:#f4eddf;padding:12px;border-radius:8px}.visual-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none!important;margin:20px 0!important;padding:0!important}.visual-steps li{border:1px solid #d2c4a7;border-radius:12px;padding:18px!important;background:#fffaf1}.visual-steps b,.visual-steps span{display:block}.visual-steps span{font-size:14px;line-height:1.8;margin-top:8px}.compact-guide{padding:6px;background:transparent;border:0}.compact-guide img{width:100%}#modal form>.line-samples+label{margin-top:6px}@media(max-width:600px){.visual-steps{grid-template-columns:1fr}.visual-steps li{padding:14px!important}.static-visual-guide{margin:22px 0}.palm-map{max-height:none}.visual-guide{padding:14px}.line-samples{gap:5px}.line-samples figure{padding:5px}.line-samples figcaption{font-size:11px}}

.palm-line-buttons>span{padding:10px;text-align:center;border:1px solid #d7cdbb;border-radius:8px}.aura-palette-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.aura-palette-guide span{font-size:12px;text-align:center}.aura-palette-guide i{display:block;width:42px;height:42px;border-radius:50%;margin:0 auto 8px;background:var(--swatch)}