[hidden]{display:none!important}.editor{display:grid;grid-template-columns:minmax(250px,300px) minmax(350px,1fr) minmax(250px,300px);gap:18px;align-items:start;direction:rtl}.editor>.controls:not(.appearance-panel){grid-column:1;grid-row:1/3}.editor>.card-top-controls{grid-column:2;grid-row:1;margin:0;background:#fffdf8;border:1px solid #dccca9;border-radius:14px;padding:12px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.card-top-controls>label:first-child{grid-column:1/-1}.editor>.preview{grid-column:2;grid-row:2;position:sticky;top:12px;padding:14px}.editor>.appearance-panel{grid-column:3;grid-row:1/3;max-height:calc(100vh - 35px);overflow-y:auto;position:sticky;top:12px}.editor canvas{max-width:450px}.controls .two{grid-template-columns:1fr}.hijri-date-fields{display:grid;grid-template-columns:65px 1fr 85px;gap:8px}.date-panel h3{font-size:16px}.phone-entry{display:grid;grid-template-columns:1fr;gap:5px}.phone-entry select{font-size:12px;max-width:100%}.brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand img{width:38px;height:38px}.brand span{width:100%}.site-links{display:flex;gap:18px;flex-wrap:wrap}#upload-panel{padding:12px;border:1px dashed #b89b68;border-radius:10px}#upload-panel label{font-size:12px}.info-shell{max-width:850px;margin:40px auto;padding:30px;background:#fffdf8;border:1px solid #d9c69e;border-radius:16px}.info-shell h1{font-size:30px}.info-shell p{line-height:2}.date-panel .two{grid-template-columns:1fr}input[type=date],input[type=time]{min-width:0;direction:ltr}.appearance-panel .template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1050px){.editor{grid-template-columns:minmax(220px,1fr) minmax(300px,1.3fr)}.editor>.appearance-panel{grid-column:1;grid-row:3;position:static;max-height:none}.editor>.controls:not(.appearance-panel){grid-row:2}.editor>.card-top-controls{grid-column:1/-1;grid-row:1}.editor>.preview{grid-column:2;grid-row:2/4}}@media(max-width:700px){.editor{display:flex;flex-direction:column}.editor>*{width:100%}.editor>.card-top-controls{order:0}.editor>.preview{order:1;position:sticky;top:0;z-index:2;max-height:48vh;overflow:auto}.editor>.controls:not(.appearance-panel){order:2}.editor>.appearance-panel{order:3}.preview canvas{max-height:32vh;width:auto;max-width:100%}.preview .actions{margin-top:10px}.appearance-panel .template-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}

.site-links{padding:18px 5%;justify-content:center;border-top:1px solid #e4dbc7}

.card-top-controls>label:last-child{grid-column:1/-1}