*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#f3f5f8;color:#17202a}
a{color:inherit}.container{width:min(960px,92%);margin:auto;padding:40px 0}.container.narrow{max-width:520px}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.landing-card{width:min(680px,100%);background:#fff;border:1px solid #e6e9ee;border-radius:24px;padding:48px;text-align:center;box-shadow:0 16px 50px rgba(0,0,0,.07)}
.brand{font-weight:900;letter-spacing:.1em;font-size:14px;margin-bottom:20px}.badge{display:inline-block;background:#eef1f5;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.05em}
h1{font-size:34px;line-height:1.12;margin:14px 0}.card{background:#fff;border:1px solid #e6e9ee;border-radius:20px;padding:32px;box-shadow:0 12px 35px rgba(0,0,0,.05)}
p{color:#68717d;line-height:1.6}.actions,.top-actions{display:flex;gap:10px;align-items:center}.actions{justify-content:center;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:13px 20px;text-decoration:none;font-weight:800;cursor:pointer;font-size:14px}.btn.primary{background:#111827;color:#fff}.btn.secondary{background:#eef1f5;color:#17202a}.btn.full{width:100%;margin-top:10px}.btn.small{padding:9px 13px;font-size:12px}
.form-card{margin:20px auto}label{display:block;font-size:13px;font-weight:800;margin:18px 0 7px}input,textarea{width:100%;padding:13px 14px;border:1px solid #d8dde5;border-radius:10px;font-size:15px;font-family:inherit;outline:none;background:#fff}input:focus,textarea:focus{border-color:#111827}.bottom-link{text-align:center;font-size:13px;margin-top:22px}.bottom-link a{font-weight:800}.alert{padding:12px 14px;border-radius:10px;margin:18px 0;font-size:14px}.alert.error{background:#fff0f0;color:#9b1c1c}.alert.success{background:#edf9f0;color:#176b32}
.app{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6e9ee;display:flex;justify-content:space-between;align-items:center;padding:0 5%}.dashboard{width:min(1100px,92%);margin:auto;padding:42px 0}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.page-head h1{margin:10px 0 5px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mini-card{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}.mini-card span{font-size:13px;color:#68717d}.empty{text-align:center;padding:55px 25px}.empty-icon{width:50px;height:50px;margin:auto;border-radius:14px;background:#eef1f5;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700}
.editor{width:min(1100px,92%);margin:auto;padding:38px 0;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px}.slug-field{display:flex;align-items:center;border:1px solid #d8dde5;border-radius:10px;overflow:hidden}.slug-field span{padding-left:13px;font-size:13px;color:#68717d;white-space:nowrap}.slug-field input{border:0;border-radius:0}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color{height:48px;padding:4px;cursor:pointer}.preview-wrap{position:sticky;top:25px;height:max-content}.preview-label{font-size:11px;font-weight:900;letter-spacing:.08em;color:#68717d;margin:0 0 10px}.phone-preview{min-height:610px;border-radius:28px;background:var(--bg);padding:55px 24px 30px;text-align:center;border:8px solid #171a1f;box-shadow:0 20px 50px rgba(0,0,0,.12)}.preview-avatar{width:82px;height:82px;border-radius:50%;background:#fff;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.phone-preview h2{margin:0 0 8px;font-size:23px}.phone-preview p{font-size:13px;margin:0 0 22px}.fake-link{background:var(--btn);color:#fff;border-radius:13px;padding:14px;margin:11px 0;font-size:13px;font-weight:800}
@media(max-width:800px){.editor{grid-template-columns:1fr}.preview-wrap{position:static}.page-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.topbar{padding:0 4%}.landing-card{padding:32px 24px}}