*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Heebo,sans-serif;background:#f7f8fa;color:#1a1a2e;min-height:100vh;-webkit-font-smoothing:antialiased}.ps-page{min-height:100vh;display:flex;flex-direction:column}.ps-center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.ps-auth-card{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 2px 12px #0000000a}.ps-auth-card h1{font-size:26px;font-weight:800;text-align:center;margin-bottom:4px}.ps-auth-card .ps-subtitle{text-align:center;color:#8b95a5;font-size:14px;font-weight:400;margin-bottom:32px}.ps-brand{text-align:center;margin-bottom:28px}.ps-brand span{font-size:28px;font-weight:900;letter-spacing:-.5px}.ps-brand .ps-snap{color:#6366f1}.ps-form{display:flex;flex-direction:column;gap:14px}.ps-field{display:flex;flex-direction:column;gap:4px}.ps-field label{font-size:13px;font-weight:600;color:#4a5568}.ps-field input{padding:12px 14px;border:1.5px solid #E2E8F0;border-radius:12px;font-family:Heebo,sans-serif;font-size:15px;color:#1a1a2e;background:#fafbfc;outline:none;transition:border-color .2s}.ps-field input:focus{border-color:#6366f1;background:#fff}.ps-btn{padding:13px;border:none;border-radius:12px;font-family:Heebo,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .15s}.ps-btn-primary{background:#1a1a2e;color:#fff;margin-top:8px}.ps-btn-primary:hover{background:#2d2d44}.ps-btn-primary:active{transform:scale(.98)}.ps-btn-primary:disabled{background:#c4c8d0;cursor:default}.ps-link{text-align:center;margin-top:16px;font-size:14px;color:#8b95a5}.ps-link a{color:#6366f1;text-decoration:none;font-weight:600}.ps-error{background:#fef2f2;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;text-align:center}.ps-dash{min-height:100vh;background:#f7f8fa}.ps-topbar{background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F0F1F3;position:sticky;top:0;z-index:10}.ps-topbar-brand{display:flex;align-items:center;gap:12px}.ps-topbar-logo{width:38px;height:38px;border-radius:10px;object-fit:cover;background:#f0f1f3}.ps-topbar-logo-placeholder{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}.ps-topbar h1{font-size:18px;font-weight:800;letter-spacing:-.3px}.ps-topbar-actions{display:flex;gap:8px}.ps-icon-btn{width:38px;height:38px;border-radius:10px;border:1.5px solid #E2E8F0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .15s}.ps-icon-btn:hover{background:#f7f8fa;border-color:#cbd5e1}.ps-dash-content{padding:24px 16px;max-width:600px;margin:0 auto}.ps-card{background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 1px 6px #00000008;margin-bottom:16px}.ps-card h2{font-size:18px;font-weight:700;margin-bottom:6px}.ps-card .ps-card-desc{color:#8b95a5;font-size:13px;margin-bottom:20px;line-height:1.5}.ps-link-preview{background:#f7f8fa;border:1.5px solid #E2E8F0;border-radius:12px;padding:12px 14px;font-size:13px;color:#6366f1;font-weight:500;word-break:break-all;margin-bottom:16px;direction:ltr;text-align:left}.ps-actions{display:flex;gap:10px}.ps-btn-whatsapp{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:none;border-radius:12px;background:#25d366;color:#fff;font-family:Heebo,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.ps-btn-whatsapp:hover{background:#20bd5a}.ps-btn-whatsapp:active{transform:scale(.98)}.ps-btn-copy{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:1.5px solid #E2E8F0;border-radius:12px;background:#fff;color:#1a1a2e;font-family:Heebo,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .15s}.ps-btn-copy:hover{background:#f7f8fa}.ps-btn-copy:active{transform:scale(.98)}.ps-btn-copy.copied{border-color:#6366f1;color:#6366f1}.ps-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100;display:flex;align-items:flex-end;justify-content:center}.ps-settings-panel{background:#fff;width:100%;max-width:500px;border-radius:20px 20px 0 0;padding:28px 24px 40px;max-height:80vh;overflow-y:auto}.ps-settings-panel h2{font-size:20px;font-weight:800;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.ps-settings-panel .ps-close{width:32px;height:32px;border-radius:8px;border:none;background:#f0f1f3;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ps-logo-upload{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #F0F1F3}.ps-logo-preview{width:64px;height:64px;border-radius:14px;object-fit:cover;background:#f0f1f3}.ps-logo-preview-placeholder{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:24px}.ps-logo-upload-btn{padding:8px 18px;border:1.5px solid #E2E8F0;border-radius:10px;background:#fff;font-family:Heebo,sans-serif;font-size:13px;font-weight:600;cursor:pointer;color:#4a5568}.ps-logo-upload-btn:hover{background:#f7f8fa}.ps-settings-section{margin-bottom:20px}.ps-settings-section label{font-size:13px;font-weight:600;color:#4a5568;display:block;margin-bottom:6px}.ps-settings-section input{width:100%;padding:12px 14px;border:1.5px solid #E2E8F0;border-radius:12px;font-family:Heebo,sans-serif;font-size:15px;color:#1a1a2e;background:#fafbfc;outline:none}.ps-settings-section input:focus{border-color:#6366f1;background:#fff}.ps-btn-save{width:100%;padding:13px;border:none;border-radius:12px;background:#1a1a2e;color:#fff;font-family:Heebo,sans-serif;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px}.ps-btn-save:hover{background:#2d2d44}.ps-empty{text-align:center;padding:48px 24px}.ps-empty-icon{font-size:48px;margin-bottom:12px}.ps-empty h3{font-size:16px;font-weight:700;margin-bottom:6px}.ps-empty p{color:#8b95a5;font-size:13px}.ps-logout{text-align:center;padding:24px}.ps-logout button{background:none;border:none;color:#dc2626;font-family:Heebo,sans-serif;font-size:14px;font-weight:600;cursor:pointer}.ps-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:200;animation:ps-slide-up .2s ease-out}@keyframes ps-slide-up{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(min-width:768px){.ps-auth-card{padding:48px 40px}.ps-dash-content{padding:32px 24px}.ps-topbar{padding:16px 32px}}.cs-page{min-height:100vh;min-height:100dvh;background:#f7f8fa}.cs-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.cs-spinner{width:36px;height:36px;border:3px solid #E2E8F0;border-top-color:#6366f1;border-radius:50%;animation:cs-spin .6s linear infinite}@keyframes cs-spin{to{transform:rotate(360deg)}}.cs-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center}.cs-error-icon{font-size:56px;margin-bottom:16px}.cs-error-page h2{font-size:22px;font-weight:800;margin-bottom:8px}.cs-error-page p{color:#8b95a5;font-size:15px}.cs-welcome{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px 16px}.cs-welcome-card{width:100%;max-width:380px;background:#fff;border-radius:24px;padding:48px 32px 40px;box-shadow:0 4px 24px #0000000f;text-align:center}.cs-store-logo{width:72px;height:72px;border-radius:18px;object-fit:cover;margin-bottom:20px}.cs-store-logo-placeholder{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:28px;margin-bottom:20px}.cs-welcome-card h1{font-size:24px;font-weight:800;margin-bottom:6px}.cs-welcome-text{color:#8b95a5;font-size:15px;margin-bottom:32px}.cs-welcome-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.cs-step-item{display:flex;align-items:center;gap:12px;background:#f7f8fa;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;color:#4a5568}.cs-step-num{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.cs-price-tag{display:inline-block;background:#f0ecff;color:#6366f1;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:24px}.cs-btn-start{width:100%;padding:15px;border:none;border-radius:14px;background:#6366f1;color:#fff;font-family:Heebo,sans-serif;font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s}.cs-btn-start:hover{background:#5558e6}.cs-btn-start:active{transform:scale(.98)}.cs-template{padding:24px 16px 40px;max-width:500px;margin:0 auto}.cs-header{text-align:center;padding:24px 0 8px}.cs-header h2{font-size:22px;font-weight:800;margin-bottom:4px}.cs-header p{color:#8b95a5;font-size:14px}.cs-tabs{display:flex;justify-content:center;gap:8px;margin:20px 0 24px}.cs-tab{padding:10px 22px;border:1.5px solid #E2E8F0;border-radius:24px;background:#fff;font-family:Heebo,sans-serif;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .15s}.cs-tab.active{background:#6366f1;color:#fff;border-color:#6366f1}.cs-tab:not(.active):hover{background:#f7f8fa}.cs-templates-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cs-template-card{background:#fff;border:2px solid #E2E8F0;border-radius:16px;padding:16px 12px 14px;cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:10px}.cs-template-card:hover{border-color:#6366f1;box-shadow:0 2px 12px #6366f11f}.cs-template-card:active{transform:scale(.97)}.cs-template-name{font-size:13px;font-weight:600;color:#4a5568}.cs-template-preview{width:100%;display:flex;flex-direction:column;gap:3px;aspect-ratio:auto}.tp-slot{background:#f0ecff;border-radius:6px;display:flex;align-items:center;justify-content:center}.tp-slot span{font-size:16px;font-weight:700;color:#a5a3f0}.tp-single .tp-full,.tp-full{width:100%;aspect-ratio:4/6}.tp-pair{flex-direction:row;aspect-ratio:4/6}.tp-pair .tp-half-h{flex:1;height:100%}.tp-trio{aspect-ratio:4/6}.tp-trio .tp-top-big{flex:1.2;width:100%}.tp-trio .tp-row{flex:.8;display:flex;gap:3px}.tp-trio .tp-row .tp-half-h{flex:1;height:100%}.tp-quad{aspect-ratio:4/6}.tp-quad .tp-row{flex:1;display:flex;gap:3px}.tp-quad .tp-row .tp-half-h{flex:1;height:100%}.tp-strip-straight,.tp-strip-duo{aspect-ratio:2/6}.tp-strip-third,.tp-strip-half{flex:1;width:100%}.cs-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:8px;color:#8b95a5;font-size:15px}