.card-creator-main{display:block;width:min(100%,760px);margin:0 auto;padding:36px 0 48px}
.card-creator-heading{text-align:center;margin:0 0 26px}.card-creator-heading h1{font:400 clamp(1.8rem,5vw,2.5rem)/1.8 ArabicDisplay,serif;margin:8px 0}.card-creator-heading p{margin:0;color:var(--muted);font-size:1rem}
.card-creator-symbol{display:inline-grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:15px;color:var(--gold)}.card-creator-symbol svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.card-creator-form{padding:clamp(18px,4vw,32px);border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.card-field{display:flex;flex-direction:column;gap:8px;margin:0 0 20px;font-size:1rem}.card-field>label>span{color:var(--muted);font-size:.875rem;margin-inline-start:6px}
.card-field input,.card-field textarea,.card-field select{width:100%;min-width:0;font:400 1rem/1.8 ArabicUI,Tahoma,sans-serif;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:11px;min-height:48px;padding:10px 14px}
.card-field textarea,.card-designer-dialog .card-field textarea{font:400 1.3rem/2 ArabicDisplay,serif;min-height:170px;margin:0;resize:vertical;white-space:pre-wrap}.card-field input:focus,.card-field textarea:focus,.card-field select:focus{outline:2px solid var(--gold);outline-offset:2px}
.card-templates,.card-placement{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}.card-templates legend,.card-placement legend{font-size:1rem;margin-bottom:12px}.card-templates label,.card-placement label{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;min-height:92px;cursor:pointer;font-size:.9375rem;padding:12px 6px;color:var(--muted);background:var(--bg)}
.card-templates input,.card-placement input{position:absolute;opacity:0;width:1px;height:1px}.card-templates label:has(input:checked),.card-placement label:has(input:checked){border-color:var(--gold);color:var(--gold-bright);background:color-mix(in srgb,var(--gold) 8%,var(--bg))}.card-templates label:has(input:focus-visible),.card-placement label:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}
.card-template-sample{font:1.5rem/1.5 ArabicDisplay,serif;color:var(--gold)}.card-placement-example{border:1px solid currentColor;border-radius:3px;width:34px;height:42px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.8}.card-placement-example i{display:block;height:2px;width:100%;background:currentColor}.card-placement-example i:last-child{width:60%}.card-placement-example.is-center{justify-content:center}.card-placement-example.is-bottom{justify-content:flex-end}
.card-creator-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.card-creator-actions button{min-height:52px;padding:10px 20px}.card-creator-actions .primary-action{display:flex;gap:10px;align-items:center;justify-content:center;flex:1}.card-draft-status{font-size:.875rem;line-height:1.9;color:var(--muted);margin:16px 0 0}
.card-designer-dialog{width:min(1100px,calc(100% - 24px));max-width:1100px;padding:24px;max-height:92svh}.card-designer-dialog .sunnah-dialog-head{margin-bottom:18px}.card-designer-dialog .sunnah-dialog-head h2{font-size:1.4rem}.card-designer-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.card-designer-controls,.card-designer-preview{min-width:0}.card-designer-preview{position:sticky;top:0}.card-designer-preview .sunnah-share-image{max-height:58svh;object-fit:contain;margin:0 auto 16px}.card-designer-preview>p{font-size:.9375rem;color:var(--muted);line-height:1.9;min-height:28px}.card-designer-dialog .sunnah-share-theme{font-size:1rem}.card-designer-dialog .sunnah-share-theme:first-child{margin-top:0}
.card-edit-copy{border-block:1px solid var(--line);padding-block:8px;margin-block:18px}.card-edit-copy summary{font-size:1rem;color:var(--gold-bright)}.card-edit-copy[open] summary{margin-bottom:16px}.card-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.card-font-size{display:block;font-size:1rem}.card-font-size>span{display:flex;justify-content:space-between;align-items:center}.card-font-size output{color:var(--gold-bright)}.card-font-size input{width:100%;min-height:44px;accent-color:var(--gold);direction:ltr}.card-designer-dialog [hidden],.card-creator-main [hidden]{display:none!important}.card-designer-dialog .share-ready-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:720px){.card-designer-dialog{padding:16px;max-height:94svh}.card-designer-layout{display:flex;flex-direction:column;gap:18px}.card-designer-controls,.card-designer-preview{width:100%}.card-designer-preview{position:static;order:-1}.card-designer-preview .sunnah-share-image{max-height:42svh}.card-designer-dialog .sunnah-dialog-head{position:sticky;top:-16px;z-index:2;background:var(--bg);padding-block:12px}.card-creator-main{padding-top:26px}.card-creator-heading p{font-size:.9375rem}.card-creator-actions .secondary-action{flex:1}}
@media(prefers-reduced-motion:reduce){.card-designer-dialog *{scroll-behavior:auto}}