.app-shell{background:linear-gradient(#f5f7ff 0%,#eef2ff 100%);place-items:center;min-height:100dvh;padding:20px 14px;display:grid}.phone-card{background:#fff;border:1px solid #e9edff;border-radius:24px;width:min(100%,380px);padding:22px 18px;box-shadow:0 10px 30px #1323541f}h1{text-align:center;color:#18243f;margin:0;font-size:1.4rem}.subtitle{text-align:center;color:#485477;margin:10px 0 18px;font-size:.95rem;line-height:1.45}.primary-btn,.secondary-btn{appearance:none;cursor:pointer;border:0;border-radius:12px;font-weight:600;transition:transform .12s,opacity .2s}.primary-btn{color:#fff;background:#265ef6;width:100%;padding:14px 12px;font-size:.98rem}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.primary-btn:not(:disabled):active,.secondary-btn:active{transform:scale(.98)}.preview{background:#000;border-radius:12px;width:100%}.preview-block{margin-top:16px}.preview-label{color:#536186;margin:0 0 8px;font-size:.85rem}.action-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.secondary-btn{color:#1e3d8f;background:#e8eeff;padding:11px 12px;font-size:.92rem}.message{color:#2c3a62;text-align:center;margin:14px 0 0;font-size:.9rem;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}