@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Aref+Ruqaa:wght@400;700&family=Cairo:wght@400;700&family=Gulzar&family=Katibeh&family=Noto+Naskh+Arabic:wght@400;700&family=Noto+Nastaliq+Urdu:wght@400;700&family=Rakkas&family=Reem+Kufi:wght@400;700&display=swap');
.cards-app{--cb:#182743;--cs:#233554;--ct:#edf4ff;--cm:#a8bcd8;--cg:#eab552;max-width:1340px;margin:20px auto 70px;color:var(--ct);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.7;direction:rtl}.cards-app *{box-sizing:border-box}.cards-app button,.cards-app input,.cards-app select,.cards-app textarea{font:inherit}.cards-app button{cursor:pointer}.cards-app button:focus-visible,.cards-app a:focus-visible,.cards-app input:focus-visible,.cards-app select:focus-visible{outline:3px solid #fbd27d;outline-offset:3px}.cards-head{background:radial-gradient(circle at 3% 0%,#38506c 0%,#1b2b49 38%,#101b34 85%);border:1px solid #3c5478;box-shadow:0 15px 35px #070c1c50;border-radius:19px;padding:32px 35px;display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:21px}.cards-head h1{margin:4px 0 8px;font-size:clamp(26px,3vw,40px);line-height:1.4}.cards-head h1 span{color:var(--cg)}.cards-head p{margin:0;color:#c4d2e6;max-width:610px}.cards-kicker{color:#f6c981;font-size:11px;font-weight:700;letter-spacing:2px}.cards-head-buttons{display:flex;flex-wrap:wrap;gap:10px}.cards-primary,.cards-outline,.cards-plain,.cards-small{border-radius:10px;padding:11px 15px;white-space:normal}.cards-primary{background:linear-gradient(140deg,#f2bd62,#d9a248);color:#192138!important;border:1px solid #ffc56a;font-weight:800}.cards-outline{border:1px solid #6881a2;background:#253b5a;color:#ebf3ff!important}.cards-plain{background:transparent;color:#c5d2e3;border:1px solid #516b8d}.cards-small{background:#223553;color:#edf4ff;border:1px solid #4c658b;padding:8px 11px}.cards-section-head,.cards-work-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cards-section-head h2,.cards-work-head h2{margin:0;color:#f0bd65;font-size:22px}.cards-gallery-panel,.cards-workspace{border:1px solid #394e70;background:#192641;border-radius:17px;padding:21px}.cards-tabs{display:flex;gap:5px;flex-wrap:wrap}.cards-tabs a,.cards-filters a{color:#c7d6eb;text-decoration:none;display:inline-block;padding:7px 12px;border:1px solid #445977;border-radius:999px;font-size:12px}.cards-tabs .active,.cards-filters .active{background:#e9b555;color:#1b2840;border-color:#e9b555;font-weight:bold}.cards-filters{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 20px}.cards-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.cards-template{border:1px solid #3d5274;background:#111d35;border-radius:13px;overflow:hidden;min-width:0}.cards-template-preview{display:block;width:100%;border:0;padding:0;background:#131e32;aspect-ratio:4/5;overflow:hidden}.cards-template-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.cards-template-preview:hover img{transform:scale(1.04)}.cards-template-footer{display:flex;align-items:start;justify-content:space-between;gap:6px;padding:10px}.cards-template-footer strong{display:block;color:#f2c77f;font-size:13px;word-wrap:break-word}.cards-template-footer small{display:block;color:#a8bddb;font-size:11px;word-wrap:break-word}.cards-status{color:#a7d8d8;font-size:10px}.cards-review-buttons{display:flex;gap:8px;padding:0 10px 10px}.cards-review-buttons button{background:#294a59;border:1px solid #6bafb0;color:#e9ffff;padding:7px;border-radius:7px;flex:1}.cards-review-buttons button:last-child{background:#4d283b;border-color:#b47687}.cards-empty{padding:55px 16px;text-align:center;background:#14223b;border:1px dashed #536c8b;border-radius:13px;color:#bcd0e8}.cards-work-head{margin-bottom:16px}.cards-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(315px,385px);gap:20px;align-items:start}.cards-preview-area{background:radial-gradient(#2e4564,#121b30);border:1px solid #395174;border-radius:15px;padding:22px;display:flex;align-items:center;flex-direction:column}.cards-canvas-wrap{width:min(100%,540px);min-width:0}.cards-canvas-wrap canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab;border-radius:7px;box-shadow:0 20px 50px #050b18ab}.cards-canvas-wrap canvas[data-mask="1"]{cursor:crosshair}.cards-canvas-hint{font-size:12px;color:#adc3e0;text-align:center;margin:13px 0 0}.cards-controls{background:#111c32;border:1px solid #354b6d;border-radius:14px;padding:18px;min-width:0;max-height:none}.cards-mode-switch{display:grid;grid-template-columns:1fr 1fr;border:1px solid #486281;border-radius:9px;overflow:hidden;margin-bottom:16px}.cards-mode-switch button{color:#bdcfe6;background:#1a2945;border:0;padding:12px 5px}.cards-mode-switch button.active{color:#16243b;background:#e8b459;font-weight:bold}.cards-control{margin-bottom:14px}.cards-control label:not(.cards-category-checks label){display:block;font-weight:bold;color:#dce8f9;margin-bottom:6px;font-size:12px}.cards-control input:not([type=color]):not([type=range]):not([type=checkbox]),.cards-control select,.cards-control textarea{width:100%;background:#182b47;color:#f7fbff;border:1px solid #4c6587;border-radius:9px;padding:10px;min-height:40px}.cards-control textarea{resize:vertical}.cards-control small,.cards-hint{display:block;margin-top:5px;color:#a9bddd;font-size:11px}.cards-control small a{color:#ffe099}.cards-control input[type=color]{width:48px;height:41px;padding:3px;border:1px solid #4c6587;border-radius:8px;background:#192641}.cards-control input[type=range]{width:100%;accent-color:#e8b459}.cards-two{display:grid;grid-template-columns:1fr 100px;gap:12px}.cards-inline{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.cards-inline button{flex:1}.cards-category-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#1a2943;border:1px solid #405775;border-radius:9px;padding:10px}.cards-category-checks label{color:#cad8ea;font-size:11px}.cards-category-checks input{accent-color:#deb058}.cards-full{width:100%}.cards-feedback{min-height:25px;color:#ffd791;white-space:pre-wrap}.cards-result{padding:12px;background:#123d3c;border-radius:10px;border:1px solid #277767}.cards-result a{color:#b7f4e0;font-weight:bold}.cards-error{margin:24px;padding:30px;background:#472536;border-radius:12px}.cards-app [hidden]{display:none!important}@media(max-width:950px){.cards-head{padding:23px}.cards-editor-grid{grid-template-columns:minmax(0,1fr)}.cards-preview-area{padding:15px}.cards-controls{max-width:720px;width:100%;margin:0 auto}.cards-canvas-wrap{width:min(100%,500px)}}@media(max-width:560px){.cards-app{margin:10px 0 45px}.cards-head{flex-direction:column;align-items:stretch;gap:16px;padding:18px;border-radius:12px}.cards-head-buttons button{flex:1}.cards-gallery-panel,.cards-workspace{padding:11px;border-radius:11px}.cards-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cards-template-footer{display:block;padding:7px}.cards-status{display:block;margin-top:2px}.cards-section-head h2{font-size:19px}.cards-filters{gap:5px}.cards-filters a{padding:5px 8px;font-size:11px}.cards-preview-area{padding:6px}.cards-controls{padding:12px}.cards-template-preview{aspect-ratio:4/5}}

.cards-rights{color:#f4d795!important;font-size:12px!important;line-height:1.8;font-weight:500!important}.cards-rights input{accent-color:#eab552}

/* UPUPG_CARDS_EDITOR_V11 — typography and accessible layer selection. */
.cards-layer-below{width:min(100%,540px);margin:12px auto 0;padding:13px;background:#192b47;border:1px solid #52698b;border-radius:12px;display:grid;gap:7px;direction:rtl}
.cards-layer-below label{font-size:12px;font-weight:700;color:#e7effc}
.cards-layer-below select,.cards-layer-below textarea{width:100%;background:#101d35;border:1px solid #647d9d;border-radius:9px;color:#f7faff;font:inherit;min-height:42px;padding:9px;resize:vertical}
.cards-layer-below button{justify-self:start}
.cards-selection-warning{color:#ff8d9c;background:#3a2135;border:1px solid #ab6576;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:750;line-height:1.9;margin:0 0 12px}
.cards-font-preview{font-size:25px;line-height:1.8;text-align:center;border:1px dashed #6c81a2;border-radius:9px;color:#f5d69a;background:#192b47;min-height:55px;margin-bottom:12px;padding:4px}
.cards-guest-share{margin-top:14px;padding:11px;border:1px solid #4f7795;border-radius:9px;background:#172e43}.cards-guest-share button{width:100%}.cards-guest-share small{color:#c1d5ed}
.cards-stroke-line{border:1px solid #45597d;border-radius:10px;padding:11px}.cards-stroke-line label input[type=checkbox]{accent-color:#eab552}
.cards-rights-final{background:#283348;border:1px solid #d2a14f;padding:12px;border-radius:9px;margin-top:14px;margin-bottom:8px}.cards-rights-final .cards-rights{margin:0;font-size:13px!important}
.cards-controls [disabled],.cards-layer-below [disabled]{opacity:.54;cursor:not-allowed}
.cards-app #cards-font option{padding:3px}
@media(max-width:560px){.cards-layer-below{width:100%}.cards-font-preview{font-size:20px}.cards-guest-share{padding:8px}}

.cards-public-only{padding:10px 12px;background:#182e40;border:1px solid #4e7691;border-radius:8px;color:#dceefa;font-size:12px}