:root{--bg:#0d0a15;--panel:#15101f;--surface:rgba(255,255,255,.055);--surface2:rgba(255,255,255,.09);--border:rgba(255,255,255,.1);--text:#f5f2fb;--muted:#afa4c9;--faint:#776d91;--coral:#ff6b8b;--gold:#ffb86b;--violet:#8b7cff;--green:#6bffc4;--warm:linear-gradient(120deg,#ff6b8b,#ffb86b);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(80% 80% at 100% 0,rgba(139,124,255,.15),transparent 60%),var(--bg);color:var(--text);font-family:Vazirmatn,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,52px);border-bottom:1px solid var(--border);background:rgba(13,10,21,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.top-left,.top-right{display:flex;align-items:center;gap:12px}.back{color:var(--muted);font-size:13px;transition:.2s var(--ease)}.back:hover{color:var(--text)}.logo{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;letter-spacing:-.03em}.logo b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--warm);color:#1b1017}.save{color:var(--faint);font-size:11px}.primary{min-height:38px;padding:0 14px;border-radius:10px;background:var(--warm);color:#1a0e12;font-size:12px;font-weight:800;box-shadow:0 12px 23px -15px rgba(255,107,139,.9);transition:.2s var(--ease)}.primary:hover{transform:translateY(-2px)}.editor{display:grid;grid-template-columns:270px minmax(430px,1fr) 390px;min-height:calc(100vh - 68px)}.tool-panel{padding:25px 15px;border-left:1px solid var(--border);background:rgba(18,14,27,.45)}.progress{display:flex;align-items:center;gap:7px;padding:0 7px 24px;border-bottom:1px solid var(--border);color:var(--faint);font-size:10px}.progress i{width:8px;height:8px;border-radius:50%;background:var(--faint)}.progress i.done{background:var(--gold);box-shadow:0 0 8px var(--gold)}.tools{display:grid;gap:3px;padding-top:15px}.tool{display:flex;align-items:center;gap:10px;width:100%;padding:11px;border-radius:10px;background:transparent;color:var(--muted);text-align:right;font-size:12.5px;transition:.2s var(--ease)}.tool:hover{background:var(--surface);color:var(--text)}.tool.active{background:linear-gradient(110deg,rgba(255,107,139,.16),rgba(255,184,107,.1));color:var(--text);font-weight:700}.tool i{display:grid;place-items:center;width:19px;color:var(--gold);font-style:normal}.tool span{margin-right:auto;color:var(--faint);font-size:10px}.side-note{margin:22px 7px 0;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--muted);font-size:10.5px;line-height:1.9}.workspace{padding:clamp(25px,4vw,50px);min-width:0}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:29px}.workspace-head h1{font-size:28px;letter-spacing:-.04em}.workspace-head p{margin-top:6px;color:var(--muted);font-size:12.5px}.step{padding:6px 10px;border-radius:999px;background:rgba(255,184,107,.1);color:var(--gold);font-size:10.5px;font-weight:700}.card{border:1px solid var(--border);border-radius:18px;background:var(--surface);backdrop-filter:blur(12px)}.form-card{padding:22px}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:20px;font-size:14px}.section-title i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(255,184,107,.12);color:var(--gold);font-style:normal}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:11.5px;font-weight:600}.field small{color:var(--faint);font-size:10px}.input{width:100%;height:46px;border:1px solid var(--border);border-radius:12px;outline:0;background:rgba(255,255,255,.035);color:var(--text);padding:0 12px;font-size:12.5px;transition:.2s var(--ease)}textarea.input{height:116px;padding:12px;resize:vertical;line-height:1.9}.input:focus{border-color:rgba(255,184,107,.68);box-shadow:0 0 0 4px rgba(255,184,107,.08);background:var(--surface2)}.input::placeholder{color:var(--faint)}.input-row{display:flex;gap:8px}.input-row .input{flex:1}.field-action{padding:0 12px;border:1px solid rgba(139,124,255,.35);border-radius:11px;background:rgba(139,124,255,.11);color:#c0baff;font-size:11px;font-weight:700;white-space:nowrap}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.toggle-row:first-of-type{border-top:0}.toggle-row strong{font-size:12px}.toggle-row p{margin-top:3px;color:var(--faint);font-size:10px}.switch{width:40px;height:23px;padding:3px;border-radius:999px;background:rgba(255,255,255,.13);transition:.2s var(--ease)}.switch:after{content:'';display:block;width:17px;height:17px;border-radius:50%;background:var(--text);transition:.2s var(--ease)}.switch.on{background:var(--gold)}.switch.on:after{transform:translateX(-17px);background:#1a0e12}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.option{padding:11px 9px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);color:var(--muted);text-align:right;font-size:11px;transition:.2s var(--ease)}.option i{display:block;margin-bottom:7px;font-size:17px;font-style:normal}.option.active{border-color:rgba(255,184,107,.62);background:rgba(255,184,107,.1);color:var(--text)}.swatches{display:flex;gap:10px;align-items:center}.swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--border);transition:.2s var(--ease)}.swatch.active{border-color:var(--text);transform:scale(1.12)}.upload{display:flex;align-items:center;justify-content:center;min-height:105px;border:1px dashed rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.02);color:var(--muted);font-size:11px}.upload b{color:var(--gold)}.schedule{display:none;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.schedule.show{display:block}.preview-panel{position:sticky;top:68px;height:calc(100vh - 68px);display:grid;place-items:center;padding:30px;border-right:1px solid var(--border);background:rgba(18,14,27,.35)}.preview-label{position:absolute;top:24px;color:var(--faint);font-size:10px}.phone{position:relative;width:min(100%,310px);height:min(650px,calc(100vh - 155px));min-height:510px;padding:11px;border:5px solid #292132;border-radius:38px;background:#1b1424;box-shadow:0 35px 70px -30px #000}.phone:before{content:'';position:absolute;z-index:3;top:9px;right:50%;transform:translateX(50%);width:82px;height:20px;border-radius:0 0 13px 13px;background:#292132}.screen{height:100%;overflow:hidden;border-radius:27px;background:linear-gradient(145deg,#452954,#a95475);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;color:#fff;text-align:center;transition:background .4s var(--ease),font-family .3s var(--ease)}.screen .spark{position:absolute;top:22%;left:15%;font-size:19px;animation:float 4s ease-in-out infinite}.screen .spark.two{top:auto;left:auto;right:16%;bottom:24%;animation-delay:1s}.screen .heart{font-size:42px;margin-bottom:20px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.2))}.preview-from{font-size:11px;opacity:.75}.preview-text{max-width:220px;margin:13px 0;font-size:18px;font-weight:700;line-height:1.85}.preview-foot{margin-top:17px;padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.13);font-size:9px}.preview-status{position:absolute;right:50%;bottom:17px;transform:translateX(50%);color:var(--faint);font-size:10px;white-space:nowrap}@keyframes float{50%{transform:translateY(-10px)}}@media(max-width:1180px){.editor{grid-template-columns:235px 1fr 320px}.workspace{padding:32px 25px}.preview-panel{padding:20px}.phone{transform:scale(.9)}}@media(max-width:930px){.editor{grid-template-columns:210px 1fr}.preview-panel{display:none}.tool-panel{padding:20px 10px}.tool span{display:none}}@media(max-width:620px){.top{padding:0 15px}.logo{display:none}.save{display:none}.editor{display:block}.tool-panel{position:sticky;top:68px;z-index:8;overflow-x:auto;padding:8px;border-bottom:1px solid var(--border);border-left:0;background:#120e1b}.progress,.side-note{display:none}.tools{display:flex;padding:0;width:max-content}.tool{width:auto;padding:9px}.tool i{width:auto}.workspace{padding:24px 16px}.workspace-head{align-items:start;flex-direction:column}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.option-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}