/* Shared visual language with the award editor: ink outlines and blue accents. */
.workspace{grid-template-columns:minmax(0,1fr) 390px;gap:28px}
.controls{padding:24px!important;border-radius:16px!important;background:#fffdf7!important}
.controls:before{display:none!important}
.moon-editor-heading{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.moon-editor-heading>img{width:40px;height:40px;object-fit:contain;transform:rotate(-8deg)}
.moon-editor-heading h2{font-size:19px;font-weight:600}.moon-editor-heading p{font-size:12px;color:var(--body);margin-top:2px}
.moon-editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.moon-editor-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:8px 0;border-bottom:2px solid transparent;font-size:15px;color:var(--body)}
.moon-editor-tabs button img{width:27px;height:27px;object-fit:contain}
.moon-editor-tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink);background:linear-gradient(transparent 76%,#c9e4f5 76%)}
.controls .moon-editor-section{margin:0;padding:0;border:0;min-width:0}
.controls .moon-editor-section legend{font-size:17px;margin-bottom:14px;line-height:1.5}
.controls .moon-editor-section legend>span{color:#438ac7}
.controls .upload-modes{border-radius:10px;background:#eaf1f6;padding:4px;gap:4px}
.controls .upload-modes button{min-height:44px;display:flex;gap:6px;align-items:center;justify-content:center;padding:7px;font-size:13px;border:1px solid transparent;border-radius:7px}
.controls .upload-modes button img{width:24px;height:24px;object-fit:contain}
.controls .upload-modes button[aria-pressed=true]{background:#e8f3fb;border-color:var(--ink);box-shadow:1px 2px 0 #173f7312}
.moon-patterns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.moon-patterns button{position:relative;background:#fffdf7;border:1px solid #173f7330;border-radius:10px;padding:10px 8px;gap:3px}
.moon-patterns img{height:88px}.moon-patterns button span{font-size:13px}
.moon-patterns button[aria-pressed=true],.controls .boundary-option[aria-pressed=true],.controls [data-side][aria-pressed=true]{border-color:var(--ink);background:#e8f3fb;box-shadow:1px 2px 0 #173f7317}
.moon-patterns button[aria-pressed=true]:after{content:'✓';position:absolute;top:6px;right:8px;font-size:14px;font-weight:700;color:var(--ink)}
.moon-section-label{font-size:14px;font-weight:600;margin:23px 0 10px}
.controls #flower-mode{gap:10px}
.controls #flower-mode .boundary-option{display:grid;justify-items:start;gap:3px;padding:12px;min-width:0;border-radius:10px}
.controls #flower-mode strong{font-size:15px}.controls #flower-mode small{font-size:11px;line-height:1.6}
[data-moon-icon]{display:block}[data-moon-icon] svg{width:48px;height:40px;stroke:#173f73;stroke-width:2.3}
.controls #mode-help{font-size:11px;line-height:1.7;margin:9px 0;color:var(--body)}
.controls #upload-options .upload{border:1.5px dashed #718ba6;background:#f4f9fd;border-radius:10px;min-height:125px;margin-top:14px}
.upload>img{width:33px;height:33px;margin-bottom:5px}.controls .upload strong{font-size:15px}.controls .upload small{font-size:11px}
.moon-hint-label{display:flex;justify-content:space-between;margin-top:15px;font-size:13px}.moon-hint-label small{font-size:11px;color:var(--body)}
.controls #subject-hint{font-size:13px;border-radius:8px;padding:10px;min-width:0;width:100%}
.controls .primary{border-radius:10px;background:#c9e4f5;color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 3px 0 #173f7316;font-size:14px;min-height:48px;line-height:1.5}
.controls .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.controls .image-disclosure{font-size:10px;line-height:1.7}.controls #source-name{overflow-wrap:anywhere;font-size:11px}
.moon-next{display:flex;align-items:center;justify-content:space-between;background:#e8f3fb;border:1px solid var(--ink);border-radius:9px;width:100%;padding:12px 14px;min-height:48px;margin-top:20px;font-size:14px}
.moon-next img{width:24px;height:24px;transform:rotate(180deg)}.moon-back{padding:12px 0;margin-top:12px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.controls .boundary-label{margin:0 0 10px}.controls [data-side]{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:88px;border:1px solid #173f7330;border-radius:9px;padding:10px 5px;font-size:12px}
.moon-size-divider{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px;padding-top:22px;border-top:1px dashed var(--line);font-size:15px}
.moon-stepper{display:flex;align-items:center;gap:9px}.moon-stepper button{width:32px;min-height:32px;background:#e8f3fb;border:1px solid #173f7340;border-radius:7px;font-size:18px;padding:0}
.controls .size-title{align-items:center}.controls .range-label{align-items:center}
.controls .presets button{border-radius:9px;min-height:52px}.controls .presets button[aria-pressed=true]{background:#e8f3fb;border-color:var(--ink)}
.controls input[type=range]{accent-color:#173f73;min-height:32px}
.controls .export-actions{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.moon-current{background:#f3f1e7;border-radius:8px;font-size:12px;padding:9px 11px;margin-bottom:14px;color:var(--body);line-height:1.7}
.controls .control-heading{font-size:17px}.controls .bundle-note{font-size:11px;margin:5px 0 12px}
.controls #save-work{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;font-size:13px;margin-top:10px}
.controls #save-work img{width:23px;height:23px}.controls #save-art{font-size:12px}
.controls #download-help,.controls .zb-points-caption{font-size:11px}.controls .moon-specs{margin-top:15px}.controls .moon-specs summary{font-size:12px}
.preview-column{top:15px}.controls button:focus-visible{outline:3px solid #438ac7;outline-offset:3px}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 350px;gap:20px}.controls{padding:20px!important}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.controls{padding:20px!important}.moon-editor-tabs{position:sticky;top:0;z-index:5;background:#fffdf7;padding-top:4px}.moon-editor-heading h2{font-size:18px}.moon-patterns img{height:82px}.moon-stepper button{width:38px;min-height:38px}.controls{scroll-margin-top:12px}.controls .export-actions{margin-top:18px}.moon-editor-tabs button{font-size:14px}}
@media(prefers-reduced-motion:no-preference){.moon-patterns button,.controls .boundary-option,.controls [data-side]{transition:background .15s,border-color .15s}}

/* Examples and custom input have separate homes; shared assets live under molds. */
.moon-examples{margin:20px 0;padding:20px;border:1px solid #173f7330;border-radius:14px;background:#f4f9fd}
.moon-examples-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.moon-examples h2{font-size:20px;margin:0 0 8px;color:var(--ink)}.moon-examples p{font-size:13px;line-height:1.7;margin:0;color:var(--body)}.moon-examples-heading>span{white-space:nowrap;font-size:11px;border:1px solid #173f7330;border-radius:20px;padding:5px 9px;color:var(--ink)}
.moon-examples .moon-patterns{grid-template-columns:repeat(4,minmax(0,1fr))}.moon-examples .moon-patterns button{background:transparent}.moon-examples .moon-patterns button[aria-pressed=true]{background:#dceefb}.moon-examples .moon-patterns img{height:90px;width:100%;object-fit:contain}
.moon-step-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:10px 0 14px}.moon-step-label b{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dceefb;color:var(--ink);font-size:13px}.moon-effect-step{border-top:1px dashed var(--line);margin-top:22px;padding-top:14px}.controls .control-heading{display:flex;align-items:center;gap:8px}.control-heading img{width:32px;height:32px;object-fit:contain}.controls .moon-current{background:#edf5fb}.controls .moon-hint-label:has(+input[hidden]){display:none}
@media(max-width:1000px){.moon-examples .moon-patterns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.preview-column{position:static}.moon-examples{padding:15px}.moon-examples-heading>span{display:none}.moon-examples .moon-patterns img{height:68px}.moon-examples p{font-size:12px}}

/* Four visible decisions in reading order, without editor tabs. */
.controls .moon-editor-section{padding:22px 0;border-bottom:1px solid #173f7320}
.controls .moon-editor-section legend{float:left;width:100%;margin:0 0 14px;font-size:17px;display:flex;gap:9px;align-items:center}.controls .moon-editor-section legend+*{clear:both}
.controls .moon-editor-section legend>span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dceefb;color:#173f73;font-size:13px}
.controls .moon-editor-heading{margin-bottom:0}.controls .moon-editor-section .boundary-label{display:none}.controls [data-side] img{width:64px;height:64px;object-fit:contain}.controls [data-side]{padding:9px 3px;gap:4px;font-size:12px}
.upload-guidance{border:1px solid #c1d9e9;background:#edf6fc;padding:13px;border-radius:10px;margin-bottom:14px;color:var(--ink)}.upload-guidance strong{font-size:13px}.upload-guidance p{font-size:12px;line-height:1.75;margin:7px 0}.upload-guidance small{display:block;font-size:11px;line-height:1.7;color:var(--body)}
.controls #choose-size .presets{margin-bottom:0}.controls #choose-size .size-title{margin-top:0}.controls #choose-size .help{margin-bottom:0}.controls .export-actions{border:0;margin-top:0}.controls .moon-current{display:none}