.back-link{color:#c4cba9;font-size:12px}.modular-page{max-width:1100px;margin:32px auto 60px;padding:0 24px}.modular-heading{text-align:center;margin-bottom:28px}.modular-heading h2{font-size:44px}.modular-layout{display:grid;grid-template-columns:minmax(0,540px) minmax(260px,360px);justify-content:center;align-items:start;gap:54px}.modular-preview{position:sticky;top:18px}#modular-preview{display:block;width:100%;max-height:72vh;object-fit:contain;aspect-ratio:9/16;background:#22291f;border:1px solid #48533c}.direction-picker{display:flex;gap:7px;justify-content:center;margin-top:12px}.direction-picker button,.preview-tools button{background:#20291e;border:1px solid #4c5a40;padding:9px 12px;color:#cbd4bb;font-size:12px}.direction-picker button[aria-pressed=true]{background:#404e33;border-color:#c1c796;color:#f1f0d7}.preview-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:15px}.preview-tools label{font-size:12px}.modular-page select{border:1px solid #46533d;background:#20281d;color:#e5e6d4;padding:10px;font:inherit;font-size:13px;max-width:100%}.modular-form>label{font-size:12px;color:#c3cbb8}.modular-form #modular-name{margin-bottom:4px}.modular-form small{display:block;text-align:right;color:#8f9d84;font-size:11px;margin-bottom:22px}.modular-form fieldset{margin:0 0 18px;padding:16px;border:1px solid #3b4832;display:grid;grid-template-columns:1fr 1fr;gap:14px}.modular-form legend{padding:0 7px;font-size:12px;letter-spacing:1px;color:#d4d9bb}.modular-form fieldset label{display:grid;gap:7px;font-size:11px;color:#aebda1}.modular-form fieldset:first-of-type{grid-template-columns:1fr}.modular-form .muted{font-size:11px;line-height:1.6;margin:0}.modular-form .layer-note{font-size:12px}.modular-secondary{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.modular-secondary button{font-size:11px}#preview-caption{text-align:center;font-size:12px}#base-toggle[aria-pressed=true]{background:#35422c;border-color:#bdc58c}@media(max-width:760px){.modular-layout{grid-template-columns:1fr;gap:28px}.modular-preview{position:static;max-width:380px;width:100%;margin:auto}.modular-form{max-width:440px;width:100%;margin:auto}.modular-heading h2{font-size:34px}.modular-page{padding:0 16px}.back-link{max-width:110px;text-align:right}}
#modular-preview{width:min(100%,40.5vh);height:auto;max-height:none;object-fit:initial;margin:0 auto}