.moon-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.moon-patterns button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:13px 5px 10px;font-size:12px}
.moon-patterns button[aria-pressed=true]{background:var(--blue-light);border-color:var(--blue)}
.moon-patterns svg{width:57px;height:57px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.moon-howto{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:5px 0 14px}
.moon-howto>div{display:grid;grid-template-columns:24px 1fr;column-gap:6px}
.moon-howto span{font-size:20px;grid-row:1/3;color:var(--blue)}
.moon-howto strong{font-size:13px;font-weight:500}
.moon-howto p{font-size:11px;color:var(--body);line-height:1.8;margin-top:4px}
.moon-specs{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}
.moon-specs p{font-size:11px;color:var(--body);line-height:1.9;margin-top:10px}
#model-specs{font-variant-numeric:tabular-nums}
#depth-value,#diameter-value{color:var(--blue);font-size:13px}
.range-label[for=depth]{margin-top:24px}
@media(max-width:760px){.moon-howto{gap:9px}.moon-howto>div{display:block}.moon-howto span{margin-right:4px}.moon-howto p{font-size:10px}.moon-howto strong{font-size:12px}.stage{height:410px}}
.moon-patterns{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.moon-patterns svg{width:44px;height:44px}
.weight-badge{font-family:'PingFang SC',sans-serif!important;font-size:12px!important;white-space:nowrap;display:inline-block;background:#f4e6cb;color:#805d37!important;border-radius:20px;padding:3px 9px;margin-left:5px}
.presets button{line-height:1.6}.presets button small{display:block;font-size:10px;color:var(--body)}
#art-preview{position:absolute;inset:55px 25px 58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
#art-image{max-width:100%;max-height:calc(100% - 35px);object-fit:contain;border-radius:10px}
#art-caption{font-size:12px;color:var(--body);text-align:center}
#upload-options .upload{margin-top:10px;min-height:90px}
#upload-options .upload-modes{margin-top:12px}
#generate-art{width:100%;margin-top:10px}
#confirm-art{width:100%}
#subject-hint{margin-top:4px}
#mode-help{margin:8px 0 10px}
#weight-help{font-variant-numeric:tabular-nums}

#petal-control{margin-top:15px}#petals-value{color:var(--blue)}.handle-dot{background:#86a7cb}.part-legend{flex-wrap:wrap;gap:14px}.part-legend>span{flex:1;min-width:120px}

.moon-patterns img{width:100%;height:74px;object-fit:contain}.moon-patterns button{min-width:0}.moon-patterns button span{white-space:nowrap;font-size:11px}