@font-face{font-family:InvitationDisplay;src:url("fonts/ArefRuqaa-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
*{box-sizing:border-box} :root{font-family:Tahoma,Arial,sans-serif;color:#102239;background:#fff;--gold:#a78b53;--navy:#102239;--border:#d0c8ba}
body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;min-height:48px;border-radius:6px;padding:10px 22px;font-weight:700}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4678ad;outline-offset:3px}
.header{height:100px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:12px 28px;border-bottom:1px solid var(--gold);gap:16px}.brand{text-decoration:none;color:var(--navy);font-family:Georgia,Tahoma,serif;font-weight:700;font-size:42px;justify-self:start;line-height:1.1}.brand span{display:block;color:var(--gold);font-size:16px;letter-spacing:1px;text-align:center;margin-top:6px}.header h1{font-size:34px;text-align:center;margin:0;white-space:nowrap}.download{display:flex;gap:12px;align-items:center;justify-self:end;color:#fff;background:var(--gold);border:1px solid var(--gold);font-size:18px}.download svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.editor{display:grid;grid-template-columns:minmax(360px,33%) minmax(0,1fr);gap:16px;padding:22px 10px;max-width:1700px;margin:auto;align-items:stretch}.panel{border:1px solid var(--border);border-radius:8px;padding:18px 20px;background:#fff;min-width:0}.panel h2,.themes legend{font-size:26px;font-weight:700;margin:0;width:100%;border-bottom:1px solid var(--gold);padding-bottom:12px}.fields{display:grid;grid-template-columns:95px minmax(0,1fr);gap:15px 16px;margin:24px 0 28px;align-items:start}.fields label{font-size:17px;font-weight:700;padding-top:10px}.fields input,.fields select,.fields textarea{width:100%;min-width:0;min-height:41px;padding:9px 12px;border:1px solid #a9afb7;border-radius:6px;color:#152234;background:#fff;text-align:right;font-size:16px;line-height:1.5}.fields textarea{resize:vertical;max-height:240px}.fields input[type=date],.fields input[type=time]{direction:rtl}.fields input:invalid:not(:focus){box-shadow:none}.themes{padding:0;border:0;margin:0}.themes legend{padding-top:16px;border-top:1px solid var(--border)}.swatches{display:flex;justify-content:space-around;gap:20px;padding:26px 8px 32px}.swatches label{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;cursor:pointer;font-size:18px}.swatches input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.swatch{width:80px;height:72px;display:block;border-radius:12px;border:3px solid transparent;box-shadow:inset 0 0 0 1px #00000008}.navy{background:#102239}.olive{background:#606840}.rose{background:#d59da8}.swatches input:checked+.swatch{outline:2px solid var(--gold);outline-offset:4px}.swatches input:focus-visible+.swatch{outline:3px solid #4678ad;outline-offset:5px}.actions{display:flex;gap:18px;padding-top:24px;border-top:1px solid var(--border)}.primary{background:var(--navy);border:1px solid var(--navy);color:#fff;flex:1}.secondary{background:#fff;color:#534937;border:1px solid var(--gold);flex:.6}.status{font-size:14px;line-height:1.7;min-height:24px;margin:12px 0 0}.status[data-error=true]{color:#9f2636}.privacy{font-size:12px;color:#616874;line-height:1.8;margin:0}.workspace{background:#e3e7eb;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 24px 26px;min-width:0}.workspace canvas{width:min(100%,530px);height:auto;aspect-ratio:5/7;box-shadow:0 8px 15px #10223930;display:block}.workspace p{font-size:21px;margin:28px 0 0;color:#3f454a}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid var(--border);border-radius:12px;padding:26px;color:var(--navy)}dialog::backdrop{background:#10223970}dialog h2{margin-top:0}dialog p{line-height:1.8}noscript{display:block;padding:20px}
@media(min-width:1250px){.editor{grid-template-columns:480px minmax(0,1fr)}}
@media(max-width:900px){.header{padding:14px 18px;height:88px}.header h1{font-size:25px}.brand{font-size:30px}.brand span{font-size:12px}.download{font-size:14px;padding:10px 14px}.editor{grid-template-columns:340px minmax(0,1fr)}.panel{padding:16px}.fields{grid-template-columns:75px minmax(0,1fr);gap:12px}.fields label{font-size:14px}.swatch{width:66px;height:60px}.workspace{padding:28px 18px}.actions{gap:12px}button{padding:10px 15px}}
@media(max-width:700px){.header{grid-template-columns:1fr auto;height:auto;gap:14px;padding:14px 16px}.header h1{grid-row:2;grid-column:1/-1;font-size:22px;text-align:right}.brand{font-size:28px}.download{grid-column:2;grid-row:1}.editor{display:flex;flex-direction:column;padding:14px;gap:18px}.workspace{order:-1;padding:24px 18px 18px}.workspace canvas{width:min(100%,340px)}.workspace p{font-size:16px;margin-top:18px}.panel h2,.themes legend{font-size:23px}.fields{grid-template-columns:78px minmax(0,1fr)}.fields input,.fields select,.fields textarea{font-size:16px}.swatch{width:76px;height:64px}.panel{padding:18px}.privacy{font-size:12px}}