/* Package 22 PWA / Mobile App Mode */
.pwa-preview{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#fff1f7,#eef2ff)}
.pwa-preview img{width:96px;height:96px;border-radius:24px;box-shadow:0 12px 28px rgba(15,23,42,.18)}
.pwa-color-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px}
.pwa-color-grid label{display:grid;gap:8px;font-weight:800;color:#475569}
.pwa-color-grid input[type=color]{width:100%;height:48px;border:1px solid rgba(15,23,42,.14);border-radius:12px;background:#fff;padding:4px}
.check-row{display:flex;align-items:center;gap:10px}
.pwa-install-box{position:fixed;left:16px;right:16px;bottom:86px;z-index:9999;max-width:520px;margin:0 auto;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 18px 48px rgba(15,23,42,.22);border-radius:20px;padding:14px}
.pwa-install-box strong{display:block;color:#0f172a}.pwa-install-box span{display:block;color:#64748b;font-size:.92rem}
.pwa-install-btn{border:0;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;padding:10px 14px}
.pwa-dismiss-btn{border:0;background:#f1f5f9;color:#475569;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1}
.offline-panel{max-width:720px;margin:40px auto;text-align:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:30px;padding:46px;box-shadow:0 18px 48px rgba(15,23,42,.08)}
.offline-icon{font-size:4rem;margin-bottom:14px}.offline-panel h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.05em;color:#0f172a}.offline-panel p{color:#64748b;font-size:1.12rem;line-height:1.6}
@media(max-width:900px){.pwa-color-grid{grid-template-columns:repeat(2,1fr)}.pwa-preview{align-items:flex-start}}
@media(max-width:560px){.pwa-color-grid{grid-template-columns:1fr}.pwa-preview{display:block;text-align:center}.pwa-preview img{margin-bottom:14px}.pwa-install-box{bottom:74px;align-items:flex-start}.pwa-install-btn{white-space:nowrap}}