.element-choices{text-align:left;border:0;margin:1.5rem 0;padding:0}.element-choices legend{margin-bottom:.7rem;font-weight:650}.element-options{flex-wrap:wrap;gap:.6rem;display:flex}.element-option{cursor:pointer;color:#26343a;background:#fff;border:1px solid #d6d9dc;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem .85rem;display:flex}.element-option:has(input:checked){background:#f3f7f6;border-color:#243c46;box-shadow:0 0 0 1px #243c46}.element-option input{accent-color:#243c46;margin:0}.element-dot{background:linear-gradient(135deg,#60b9df,#ed844d,#83b950);border-radius:50%;width:.65rem;height:.65rem}.element-water .element-dot{background:#3b99c9}.element-fire .element-dot{background:#e46b40}.element-grass .element-dot{background:#78a846}.element-preview{background:#f7f9f8;border:1px solid #dfe5e4;border-radius:12px;align-items:center;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.element-preview img{flex:0 0 110px;width:110px;height:auto}.element-preview h3{margin:0 0 .4rem}.element-preview p{margin:.35rem 0}@media (max-width:480px){.element-preview img{flex-basis:85px;width:85px}.element-option{padding:.6rem .65rem}}.layout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.layout-option{cursor:pointer;text-align:left;background:#fff;border:1px solid #d9dfdc;border-radius:14px;align-items:center;gap:10px;min-height:70px;padding:12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.layout-option:has(input:checked){background:#f1f6ee;border-color:#355b49;box-shadow:0 0 0 2px #355b49}.layout-option:focus-within{outline-offset:3px;outline:3px solid #a0c68d}.layout-option input{accent-color:#355b49;flex:none;margin:0}.layout-option img,.layout-symbol{flex:0 0 30px;width:30px;height:30px}.layout-option>span:last-child{font-size:13px;font-weight:650;line-height:1.25}.layout-option small{color:#65736a;margin-top:4px;font-size:11px;font-weight:400;display:block}.layout-symbol{color:#304d3a;background:#e5eddf;border-radius:50%;place-items:center;font-weight:800;display:grid}.layout-full-art{background:linear-gradient(125deg,#f7e9f1,#e8f4ef,#edf0fd)}.layout-full-art .layout-symbol{color:#2c3653;background:linear-gradient(135deg,#efb3d5,#b4e6d9,#bcbff1);font-size:12px}.scene-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scene-option{cursor:pointer;background:#fff;border:1px solid #dbe1db;border-radius:14px;align-items:center;gap:10px;padding:16px;font-size:14px;display:flex}.scene-option:has(input:checked){background:#eff5e9;border-color:#355b49;box-shadow:0 0 0 1px #355b49}.scene-option input{accent-color:#355b49}@media (max-width:600px){.layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-option{gap:8px;padding:10px}.layout-option>span:last-child{font-size:12px}.scene-options{grid-template-columns:1fr}}