:root{--rose:#e5577f;--ink:#2b2530;--muted:#8a7f88;--line:#ece5ea;--bg:#fbf6f4;--card:#fff;--radius:16px;--header-h:60px;--body:"Poppins","Cairo",system-ui,sans-serif;--display:"Cormorant Garamond",serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--body);color:var(--ink);background:var(--bg)}.app{min-height:100dvh;display:flex;flex-direction:column}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(16px,4vw,40px);background:hsla(0,0%,100%,.86);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}.appbar .brand{display:flex;align-items:baseline;gap:8px}.appbar .brand b{font-family:var(--display);font-size:24px;font-weight:600;color:var(--ink);line-height:1}.appbar .brand span{font-size:14px;color:var(--rose);font-weight:600}.appfooter{text-align:center;padding:22px 16px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);background:#fff}.langbar{display:flex;gap:6px}.langbar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-family:var(--body);font-weight:600;font-size:13px;cursor:pointer}.langbar button.active{background:var(--rose);color:#fff;border-color:var(--rose)}.wrap{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;min-height:0}@media (max-width:900px){.wrap{grid-template-columns:1fr}}.panel{padding:clamp(20px,4vw,44px);overflow-y:auto;max-height:calc(100dvh - var(--header-h))}.preview-panel{background:#f2ecf0;position:-webkit-sticky;position:sticky;top:var(--header-h);align-self:start;height:calc(100dvh - var(--header-h));display:grid;place-items:center}@media (max-width:900px){.panel{overflow-y:visible;max-height:none}.preview-panel{position:static;height:auto;padding:28px 16px 36px}}.head h1{font-family:var(--display);font-size:clamp(28px,5vw,40px);margin:0}.head p{margin:6px 0 24px}.head p,label{color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px}.chips,input{width:100%}input{border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:15px;font-family:var(--body);color:var(--ink);background:#fff}input:focus{outline:2px solid var(--rose);border-color:var(--rose)}.hint{font-size:12px;color:var(--muted);margin-top:4px}.slug-row{display:flex;align-items:center;gap:6px}.slug-row .suffix{color:var(--muted);font-size:14px;white-space:nowrap}.slug-ok{color:#1f8a4c}.slug-bad{color:#c2331f}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;cursor:pointer;font-size:14px;font-family:var(--body)}.chip.active{background:var(--rose);color:#fff;border-color:var(--rose)}.section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.section h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 4px}.datetime{display:flex;gap:14px;flex-wrap:wrap}.dt-block{flex:1 1 220px;min-width:0}.dt-cap{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}.field{position:relative}.field .field-icon{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:14px;font-size:18px;pointer-events:none;line-height:1}.field.big input{width:100%;min-height:54px;-webkit-padding-start:44px;padding-inline-start:44px;cursor:pointer;font-size:16px;font-weight:600;border-radius:14px}.field.big{transition:border-color .15s}.field input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.field.big input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;inset-inline-end:0;width:100%}.time12{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:54px;padding:6px 10px 6px 44px;position:relative;border:1px solid var(--line);border-radius:14px;background:#fff}.time12 .field-icon.static{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none;line-height:1}.time12 .t-sel{min-height:42px;min-width:64px;flex:0 0 auto;border:1px solid var(--line);border-radius:10px;background:#fff;font-family:var(--body);font-size:16px;font-weight:600;color:var(--ink);padding:0 10px;cursor:pointer;text-align:center;text-align-last:center}.time12 .t-sel:focus{outline:2px solid var(--rose);border-color:var(--rose)}.time12 .t-colon{font-size:18px;font-weight:700;color:var(--muted)}.ampm{display:inline-flex;-webkit-margin-start:4px;margin-inline-start:4px;border:1px solid var(--line);border-radius:999px;overflow:hidden}.ampm-btn{border:0;background:#fff;color:var(--ink);font-family:var(--body);font-weight:600;font-size:14px;padding:10px 16px;min-height:42px;cursor:pointer}.ampm-btn+.ampm-btn{-webkit-border-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.ampm-btn.active,.create{background:var(--rose);color:#fff}.create{margin-top:28px;width:100%;border:0;border-radius:12px;padding:15px;font-size:16px;font-weight:700;cursor:pointer;font-family:var(--body)}.create:disabled{opacity:.55;cursor:default}.error{color:#c2331f;font-size:14px;margin-top:10px}.success{margin-top:20px;padding:18px;border:1px solid #cfe9d8;background:#f1fbf5;border-radius:12px}.success a.link{color:var(--rose);font-weight:700;word-break:break-all}.success .row{display:flex;gap:8px;margin-top:12px}.success .open,.success button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 14px;cursor:pointer;text-decoration:none;color:var(--ink);font-family:var(--body);font-weight:600}.optin{margin-top:16px;padding-top:14px;border-top:1px solid #cfe9d8}.optin p{font-size:13px;color:var(--muted);margin:0 0 10px;line-height:1.5}.optin .row{gap:8px}.optin input{flex:1 1}.optin-saved{color:#1f8a4c;font-weight:600}.modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(43,37,48,.5);display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-in .18s ease-out}.success.modal{width:100%;max-width:460px;margin:0;max-height:88vh;overflow-y:auto;box-shadow:0 30px 80px -16px rgba(0,0,0,.45)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.preview-panel{position:relative}.phone{width:min(380px,92%);aspect-ratio:9/19;background:#000;border-radius:40px;padding:10px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}.phone iframe{width:100%;height:100%;border:0;border-radius:32px;background:#fff}.preview-label{position:absolute;top:16px;font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}@media (max-width:900px){.preview-label{position:static;display:block;text-align:center;margin-bottom:16px}}