.moon-modal{position:fixed;inset:0;z-index:10050;background:rgba(5,12,15,.72);display:grid;place-items:center;padding:24px}.moon-modal.hidden,.moon-modal .hidden{display:none!important}.moon-dialog{width:min(1180px,96vw);max-height:94vh;overflow:auto;background:#f4f0e8;border:1px solid rgba(190,158,101,.35);border-radius:26px;box-shadow:0 30px 90px rgba(0,0,0,.32);color:#2f332f}.moon-dialog>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;padding:25px 30px;background:rgba(244,240,232,.96);border-bottom:1px solid #d9d0bf}.moon-dialog header span{color:#8b7049;font-size:12px;letter-spacing:4px}.moon-dialog h2{font:600 30px/1.2 serif;margin:8px 0 5px}.moon-dialog header p{margin:0;color:#81796d}.moon-close{border:0;background:transparent;font-size:30px;color:#5c615b}.moon-body{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(420px,1.14fr);gap:26px;padding:26px}.moon-form{display:grid;gap:14px}.moon-form section{padding:18px 20px;background:rgba(255,255,255,.42);border:1px solid #ded6c8;border-radius:16px}.moon-form h3{font-size:16px;margin:0 0 13px}.moon-form h3 i{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:9px;border-radius:50%;background:#667261;color:#fff;font-style:normal;font-size:12px}.moon-form label{display:grid;gap:7px;color:#6d675e;font-size:13px}.moon-form input,.moon-form textarea,.moon-editor input,.moon-editor textarea{width:100%;box-sizing:border-box;border:1px solid #d6cebf;border-radius:10px;background:#fcfaf5;padding:10px 12px;font:inherit;color:#343832;outline:none}.moon-form input:focus,.moon-form textarea:focus,.moon-editor input:focus,.moon-editor textarea:focus{border-color:#667261;box-shadow:0 0 0 3px rgba(102,114,97,.10)}.moon-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.moon-check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;margin-top:10px}.moon-check input{width:auto}.moon-hint,.moon-status{font-size:12px;color:#857d70;margin:9px 0 0}.moon-status.error{color:#9a5147}.moon-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.moon-styles{grid-template-columns:repeat(3,1fr)}.moon-option,.moon-orient button,.moon-light button,.moon-editor button{border:1px solid #d6cebf;background:transparent;border-radius:11px;padding:11px;color:#4a4c47}.moon-option strong,.moon-option small{display:block}.moon-option small{font-size:11px;color:#888174;margin-top:4px}.moon-option.active,.moon-orient button.active,.moon-light button.active{border-color:#667261;background:#e8ede4;color:#3f4a3d}.moon-orient,.moon-actions,.moon-light{display:flex;gap:9px;margin-top:12px}.moon-orient button,.moon-light button{flex:1;padding:9px}.moon-actions button,.moon-apply{border:0;border-radius:12px;padding:13px 20px;background:#566353;color:#fff;font-weight:600}.moon-actions button{flex:1}.moon-actions .secondary{background:#ded8cc;color:#42463f}.moon-preview{min-width:0}.moon-preview-head{display:flex;justify-content:space-between;align-items:center}.moon-preview-head h3{font:600 18px serif}.moon-preview-head button{border:0;background:transparent;color:#766344}.moon-canvas{aspect-ratio:3/4;max-height:620px;margin:auto;background:#071116;border:12px solid #302c27;box-shadow:0 16px 38px rgba(23,20,16,.19);display:grid;place-items:center;overflow:hidden}.moon-canvas.landscape{aspect-ratio:4/3}.moon-canvas img{width:100%;height:100%;object-fit:contain}.moon-placeholder{text-align:center;color:#d9c79f}.moon-placeholder i{display:block;width:150px;height:150px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(90deg,#1c3238 48%,#ead6a7 52%)}.moon-placeholder strong,.moon-placeholder span{display:block}.moon-placeholder span{font-size:12px;margin-top:8px;color:#9c9d94}.moon-light{align-items:center}.moon-light a{padding:9px;color:#806b49;font-size:12px}.moon-editor{margin-top:14px;padding:15px;border:1px solid #d6cebf;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.moon-editor>div{display:flex;gap:8px;justify-content:flex-end}.moon-apply{width:100%;margin-top:13px}.moon-facts{margin-top:12px;padding:14px;background:#e7e4db;border-radius:12px;display:grid;gap:5px;font-size:12px;color:#68655e}.moon-facts strong{color:#394039;font-size:14px}@media(max-width:900px){.moon-modal{padding:0}.moon-dialog{width:100vw;max-height:100vh;border-radius:0}.moon-body{grid-template-columns:1fr}.moon-options{overflow-x:auto;grid-template-columns:repeat(4,minmax(130px,1fr))}.moon-styles{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media(max-width:520px){.moon-body{padding:14px}.moon-grid,.moon-editor{grid-template-columns:1fr}.moon-dialog>header{padding:18px}.moon-canvas{max-height:none}}