:root{--brand:#ec4899;--violet:#7c3aed;--ink:#17141d;--muted:#746f7c;--line:#ebe7ef;--soft:#f7f5f9}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial;color:var(--ink);background:var(--soft)}a{text-decoration:none;color:inherit}.hidden{display:none!important}.landing{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 10%,#7c3aed,transparent 32%),radial-gradient(circle at 85% 90%,#ec4899,transparent 30%),#100b18}.landing-card{width:min(720px,92%);padding:50px;border-radius:30px;color:white;background:#ffffff12;border:1px solid #ffffff20;backdrop-filter:blur(18px);text-align:center}.landing-card h1{font-size:clamp(38px,7vw,72px);margin:15px 0}.landing-card p{color:#ddd1e8;font-size:18px}.brand-mark{font-size:70px}.landing-actions{display:flex;justify-content:center;gap:10px;margin-top:30px}.topbar{min-height:66px;padding:10px max(18px,3vw);display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.btn{border:0;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--violet));color:#fff}.btn.ghost{background:#f0edf4}.btn.small{padding:8px 11px;font-size:13px}.wide{width:100%;margin-top:16px}.pill,.badge{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:11px;font-weight:850;background:#ffffff18;border:1px solid #ffffff22}.badge{background:#fce7f3;color:#9d174d}.badge.soft{background:#eeeaf3;color:#514b5a}.admin-wrap,.docs{width:min(1240px,94%);margin:30px auto}.docs{background:white;padding:30px;border-radius:20px}.docs code{background:#f1eef5;padding:3px 6px;border-radius:5px}.login-card{width:min(440px,92%);margin:70px auto;background:white;border:1px solid var(--line);border-radius:24px;padding:30px}.hero-admin{padding:34px;border-radius:28px;color:white;background:radial-gradient(circle at 15% 0,#a855f7,transparent 32%),linear-gradient(135deg,#17111f,#381462);display:flex;justify-content:space-between;align-items:center}.hero-admin h1{font-size:clamp(30px,4vw,48px);margin:10px 0}.toolbar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:24px 0}.orders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.order-card,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #2b11320b}.order-cover{height:105px;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,var(--a),transparent 35%),linear-gradient(140deg,#120d17,var(--b))}.order-cover span{font-size:45px}.order-body{padding:17px}.row,.panel-head{display:flex;justify-content:space-between;align-items:center}.actions{display:flex;gap:7px;flex-wrap:wrap}.empty{padding:35px;background:#fff;border:1px dashed #ccc;border-radius:18px;text-align:center}.editor-wrap{width:min(1580px,97%);margin:18px auto}.editor-grid{display:grid;grid-template-columns:minmax(500px,1fr) minmax(560px,1.1fr) 360px;gap:16px}.panel{padding:18px}.panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.muted{color:var(--muted);font-size:13px}.two,.three{display:grid;gap:10px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}label{display:block;font-size:12px;font-weight:800;margin:11px 0 5px}input,select,textarea{width:100%;padding:11px;border:1px solid #ddd7e6;border-radius:10px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f711}.device-switch{display:flex;gap:6px}.device-switch button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 9px}.share{margin-top:16px;padding:12px;background:#f6f2f8;border-radius:13px}.themes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme{min-height:84px;border:2px solid transparent;border-radius:13px;color:white;text-align:left;padding:10px;cursor:pointer;background:radial-gradient(circle at 15% 10%,var(--a),transparent 36%),linear-gradient(145deg,var(--bg),var(--b))}.theme.active{outline:3px solid #a855f7;border-color:#fff}.theme b,.theme small{display:block;text-shadow:0 2px 6px #0007}.theme small{opacity:.7;margin-top:5px}.sections{display:flex;flex-direction:column;gap:10px}.section-item{display:grid;grid-template-columns:28px 1fr 34px;gap:8px;padding:11px;border:1px solid #e6e0eb;background:#fbfafc;border-radius:13px}.drag{cursor:grab;font-weight:900;color:#999;padding-top:30px}.delete{border:0;background:#fee2e2;color:#b91c1c;width:30px;height:30px;border-radius:9px}.device-frame{margin:10px auto;background:#111;padding:8px;border-radius:32px;transition:.25s}.phone-mode{width:290px}.tablet-mode{width:520px}.desktop-mode{width:100%}.preview-screen{--a:#ff4d8d;--b:#7c3aed;--bg:#1b0820;min-height:550px;border-radius:25px;color:white;text-align:center;padding:55px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 18% 10%,var(--a),transparent 33%),linear-gradient(160deg,var(--bg),var(--b))}.preview-screen .big{font-size:55px}.preview-screen h2{font-family:Georgia,serif;font-size:30px;margin:14px 0 4px}.mini{margin-top:20px;border:1px solid #ffffff44;background:#ffffff1c;padding:10px 16px;border-radius:99px}.revision-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#7c3aed,transparent 30%),#100b18}.revision-card{width:min(520px,92%);background:white;border-radius:24px;padding:30px}
@media(max-width:1300px){.editor-grid{grid-template-columns:1fr 1fr}.preview-panel{grid-column:1/-1}}@media(max-width:900px){.orders{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.themes{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:1fr}}@media(max-width:620px){.orders{grid-template-columns:1fr}.two,.three{grid-template-columns:1fr}.themes{grid-template-columns:repeat(2,1fr)}.phone-mode,.tablet-mode,.desktop-mode{width:100%}}