.tpp-tool{--tpp-text:#111a31;--tpp-muted:#657089;--tpp-border:#e1e6ef;max-width:1240px;margin:0 auto;color:var(--tpp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tpp-tool *{box-sizing:border-box}.tpp-hero-copy{text-align:center;max-width:820px;margin:0 auto 34px}.tpp-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tpp-badges span{padding:7px 11px;border:1px solid #dfe7df;border-radius:99px;background:#f7fbf7;color:#27633c;font-size:12px;font-weight:700}.tpp-hero-copy h1{font-size:clamp(34px,5vw,62px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 14px}.tpp-hero-copy p{font-size:18px;line-height:1.65;color:var(--tpp-muted);max-width:720px;margin:auto}.tpp-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:23px}.tpp-btn{border:0;border-radius:12px;padding:14px 19px;font-weight:800;font-size:15px;cursor:pointer}.tpp-primary{background:var(--tpp-accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--tpp-accent) 24%,transparent)}.tpp-secondary{background:#fff;color:var(--tpp-text);border:1px solid var(--tpp-border)}.tpp-app{display:grid;grid-template-columns:400px 1fr;border:1px solid var(--tpp-border);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(29,41,70,.10);overflow:hidden}.tpp-editor{padding:25px;border-right:1px solid var(--tpp-border);background:#fff}.tpp-step{display:flex;align-items:center;gap:9px;font-size:14px;margin:3px 0 13px}.tpp-step b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--tpp-accent);color:#fff;font-size:12px}.tpp-dropzone{width:100%;min-height:145px;border:1.5px dashed #b9c6e8;border-radius:16px;background:#f8faff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--tpp-text);cursor:pointer;margin-bottom:20px}.tpp-dropzone.drag{border-color:var(--tpp-accent);background:#f0f3ff}.tpp-upload-mark{font-size:25px;color:var(--tpp-accent);background:#e9edff;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.tpp-dropzone small,.tpp-download-note,.tpp-control small{color:var(--tpp-muted)}.tpp-error{color:#b42318;font-size:13px}.tpp-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.tpp-platforms button{border:1px solid var(--tpp-border);background:#fff;border-radius:11px;padding:8px 3px;font-size:10px;color:#4f5870;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.tpp-platforms button.is-active{border-color:var(--tpp-accent);color:var(--tpp-accent);background:#f6f7ff;box-shadow:0 0 0 2px color-mix(in srgb,var(--tpp-accent) 10%,transparent)}.tpp-platform-icon{display:block;width:24px;height:24px}.tpp-platform-icon svg{display:block;width:100%;height:100%}.tpp-control{display:block;margin:5px 0 14px}.tpp-control>span{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px}.tpp-control input{width:100%;accent-color:var(--tpp-accent)}.tpp-control small{font-size:11px;display:block;margin-top:4px}.tpp-button-controls{display:flex;gap:6px;margin-bottom:8px}.tpp-button-controls button{flex:1;border:1px solid var(--tpp-border);background:#fff;padding:9px 5px;border-radius:9px;cursor:pointer;color:#364057}.tpp-rotate button{font-size:11px}.tpp-export-quality{display:block;margin-top:14px}.tpp-export-quality span{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.tpp-export-quality select{width:100%;padding:11px;border:1px solid var(--tpp-border);border-radius:10px;background:#fff;color:var(--tpp-text)}.tpp-download{width:100%;margin-top:12px}.tpp-download:disabled{opacity:.5;cursor:not-allowed}.tpp-download-note{display:block;text-align:center;margin-top:8px}.tpp-live-preview{background:#f4f6fa;padding:24px;min-width:0}.tpp-preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:#5c667c}.tpp-preview-heading div{font-weight:800;color:#28334c}.tpp-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1fb66a;box-shadow:0 0 0 4px #dff6ea;margin-right:6px}.tpp-device-shell{width:min(470px,100%);margin:22px auto 12px;border:9px solid #151923;border-radius:38px;background:#fff;box-shadow:0 22px 45px rgba(20,27,44,.19);overflow:hidden}.tpp-phone-top{height:31px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;font-weight:800}.tpp-screen{height:680px;overflow:auto;background:#fff}.tpp-social{display:none;min-height:100%;position:relative;color:#111;font-family:Arial,sans-serif}.tpp-social.is-visible{display:block}.tpp-social header{display:flex;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.tpp-social canvas{object-fit:cover;background:#edf0f5;cursor:grab;touch-action:none}.tpp-social-profile{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding:18px 14px}.tpp-social-profile canvas{width:90px;height:90px;border-radius:50%;border:3px solid #e94478}.tpp-social-profile small{display:block;color:#777}.tpp-social button{border:0;border-radius:8px;padding:8px 13px;background:#1689f5;color:#fff;font-weight:700}.tpp-stats{display:flex;justify-content:space-around;text-align:center;padding:12px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:12px}.tpp-stats b{display:block;font-size:14px}.tpp-grid,.tpp-video-grid{margin:15px;display:grid;grid-template-columns:repeat(3,1fr);height:260px;gap:3px;background:linear-gradient(135deg,#e9edf5 33%,#dfe5ef 33% 66%,#eef1f6 66%)}.tpp-linkedin-bar{background:#0a66c2;color:#fff;padding:13px}.tpp-cover,.tpp-x-cover,.tpp-fb-cover,.tpp-yt-cover,.tpp-discord-cover{height:132px;background:linear-gradient(135deg,#b7c7e7,#d9e4f7)}.tpp-social-linkedin>canvas,.tpp-social-x>canvas,.tpp-social-facebook>canvas,.tpp-social-discord>canvas{width:125px;height:125px;border-radius:50%;border:4px solid #fff;margin:-62px 0 0 20px}.tpp-social-linkedin h3,.tpp-social-linkedin p,.tpp-social-linkedin>small,.tpp-social-x h3,.tpp-social-x p,.tpp-social-x>small,.tpp-social-facebook h3,.tpp-social-facebook p{margin-left:20px;margin-right:20px}.tpp-social-linkedin>button,.tpp-social-x>button,.tpp-social-facebook>button{margin:10px 0 10px 20px}.tpp-social article{margin:14px;border:1px solid #e5e5e5;border-radius:10px;padding:13px}.tpp-social-tiktok{text-align:center}.tpp-social-tiktok>canvas{width:120px;height:120px;border-radius:50%;margin:22px auto 8px;display:block}.tpp-social-tiktok .tpp-stats{border:0}.tpp-social-tiktok>p{font-size:13px}.tpp-social-discord{background:#303338;color:#fff;padding-bottom:20px}.tpp-social-discord h3,.tpp-social-discord p,.tpp-social-discord>b,.tpp-social-discord>small,.tpp-social-discord>span{margin-left:20px;display:block}.tpp-status{color:#4bd37b}.tpp-social-discord hr{border:0;border-top:1px solid #50535a;margin:18px}.tpp-social-x>button{float:right;margin-right:16px;background:#111}.tpp-social-facebook{text-align:center}.tpp-social-facebook>canvas{margin-left:auto;margin-right:auto;display:block}.tpp-social-facebook>button{margin-left:3px;margin-right:3px}.tpp-social-youtube .tpp-yt-head{display:flex;align-items:center;gap:12px;padding:15px}.tpp-social-youtube canvas{width:90px;height:90px;border-radius:50%}.tpp-social-youtube>p,.tpp-social-youtube>button{margin-left:15px}.tpp-social-whatsapp{background:#f0f2f5;text-align:left}.tpp-wa-overview{background:#fff;border-bottom:8px solid #e7eaed}.tpp-wa-title{background:#075e54;color:#fff;padding:19px 16px 12px;display:flex;justify-content:space-between;font-size:18px}.tpp-wa-search{margin:10px 12px;padding:10px 13px;background:#f0f2f5;border-radius:10px;color:#6c747c;font-size:13px}.tpp-wa-chat{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:10px 13px;border-bottom:1px solid #edf0f2}.tpp-wa-chat canvas,.tpp-wa-placeholder{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.tpp-wa-placeholder{background:#d9e1e6;color:#63707b;font-weight:800}.tpp-wa-chat small{display:block;color:#65717a;margin-top:4px}.tpp-wa-chat time{font-size:10px;color:#69757f;align-self:start;padding-top:5px}.tpp-wa-chat.active time{color:#25a96c}.tpp-wa-conversation{background:#efeae2}.tpp-wa-conversation header{background:#075e54;color:#fff;display:grid;grid-template-columns:auto 42px 1fr auto;align-items:center;gap:8px;padding:9px 12px;border:0}.tpp-wa-conversation header canvas{width:42px;height:42px;border-radius:50%}.tpp-wa-conversation header small{display:block;color:#c8e0db}.tpp-wa-messages{min-height:255px;padding:20px 13px;background-color:#efeae2;background-image:radial-gradient(rgba(120,100,80,.08) 1px,transparent 1px);background-size:18px 18px}.tpp-wa-messages p{position:relative;max-width:78%;padding:9px 10px 17px;border-radius:9px;font-size:13px;margin:0 0 10px;box-shadow:0 1px 1px rgba(0,0,0,.08)}.tpp-wa-messages p small{position:absolute;right:7px;bottom:4px;font-size:9px;color:#758078}.tpp-wa-messages .received{background:#fff}.tpp-wa-messages .sent{background:#d9fdd3;margin-left:auto}.tpp-wa-compose{margin:0;padding:11px;background:#fff;color:#707a82;font-size:13px}.tpp-preview-help,.tpp-privacy-note{text-align:center;color:#68738b;font-size:12px}.tpp-social canvas:active{cursor:grabbing}@media(max-width:850px){.tpp-app{grid-template-columns:1fr;display:flex;flex-direction:column}.tpp-live-preview{order:1;padding:18px;border-bottom:1px solid var(--tpp-border)}.tpp-editor{order:2;border-right:0}.tpp-platforms{grid-template-columns:repeat(4,1fr)}.tpp-device-shell{width:min(500px,100%)}}@media(max-width:520px){.tpp-hero-actions{flex-direction:column}.tpp-app{border-radius:18px}.tpp-editor{padding:17px}.tpp-live-preview{padding:13px}.tpp-preview-heading{align-items:flex-start;flex-direction:column}.tpp-device-shell{border-width:6px;border-radius:28px;margin-top:14px}.tpp-screen{height:590px}.tpp-platforms{grid-template-columns:repeat(4,1fr)}.tpp-social-profile{grid-template-columns:72px 1fr auto}.tpp-social-profile canvas{width:72px;height:72px}.tpp-wa-chat{grid-template-columns:48px 1fr auto}.tpp-wa-chat canvas,.tpp-wa-placeholder{width:48px;height:48px}}

.tpp-mobile-preview-toggle{display:none;width:100%;border:1px solid var(--tpp-border);background:#fff;color:var(--tpp-text);font-weight:800;border-radius:10px;padding:10px 12px;margin:8px 0 2px;cursor:pointer}
@media(max-width:520px){
 .tpp-live-preview{padding-bottom:12px}
 .tpp-device-shell{margin-bottom:6px}
 .tpp-screen{height:300px;overflow:hidden;position:relative}
 .tpp-device-shell:not(.is-expanded) .tpp-screen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:58px;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.96))}
 .tpp-device-shell.is-expanded .tpp-screen{height:590px;overflow:auto}
 .tpp-mobile-preview-toggle{display:block}
 .tpp-preview-help{margin:8px 0 4px}
 .tpp-privacy-note{margin:4px 0 0}
}