:root{--accent:#9d53dc;--ink:#242032;--muted:#817b8b;--line:#e8deee;--bg:#f8f5fb;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 13px;color:var(--ink);font-weight:650}button:hover{filter:brightness(.97)}button.primary,.platforms button.active,.tabbar button.active{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:#ba4261}header{background:white;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px clamp(12px,4vw,42px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font-size:22px;font-weight:900;color:#8652b7;letter-spacing:.5px}.brand small{display:block;color:#a29aaa;font-size:10px;letter-spacing:2px;font-weight:600}.topActions{display:flex;gap:8px}.platforms{display:flex;gap:8px;overflow-x:auto;padding:12px clamp(12px,4vw,42px);background:white;border-bottom:1px solid var(--line)}.platforms button{white-space:nowrap;background:#f4f0f8;min-width:max-content}.layout{display:grid;grid-template-columns:minmax(330px,560px) minmax(340px,1fr);gap:20px;max-width:1400px;margin:auto;padding:20px}.editor,.previewArea{min-width:0}.tabbar{display:flex;gap:5px;overflow:auto;padding:5px;background:#efeaf4;border-radius:16px;margin-bottom:15px}.tabbar button{flex:1;white-space:nowrap;background:transparent;border:0;font-size:13px}.panel{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:16px;box-shadow:0 8px 28px #3c1d4c08}h2{margin:0 0 7px;font-size:23px}h3{font-size:16px;margin:19px 0 12px}.hint{font-size:12px;color:var(--muted);margin:5px 0 16px}.center{text-align:center}label{display:block;margin:13px 0 6px;font-weight:650;font-size:13px}input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select,textarea{width:100%;min-width:0;border:1px solid #e1d9e7;border-radius:12px;background:#fcfaff;padding:12px;color:var(--ink);outline-color:var(--accent)}input[type=file]{max-width:100%;font-size:12px;padding:8px 0}input[type=color]{height:40px;width:100%;border:1px solid var(--line);border-radius:10px;background:white}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row,.fileline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.row select{flex:1;min-width:130px}.fileline input{flex:1}.check{display:flex;align-items:center;gap:8px}.slider{margin:18px 0}.slider label{display:flex;justify-content:space-between}.slider output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.items{display:flex;flex-direction:column;gap:7px}.item{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fbf9fd}.item .itemText{flex:1;min-width:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item button{padding:5px 9px;font-size:12px}.stickerTray{border:1px solid var(--line);padding:10px;border-radius:12px}.stickerTray button{font-size:26px;margin:3px}.utility{margin-top:20px}.uploadButton{padding:10px 13px;border:1px solid var(--line);border-radius:12px;margin:0;cursor:pointer}.previewArea{background:#f0ecf4;border:1px solid var(--line);border-radius:20px;padding:16px;align-self:start;position:sticky;top:118px;max-height:calc(100vh - 135px);overflow:auto}.previewHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.previewHeader span{color:var(--muted);font-size:12px}.canvasWrap{display:flex;justify-content:center;overflow:auto;padding:12px;background:#e5e0e9;border-radius:15px}#capture{width:390px;max-width:none;flex:none;background:white;border-radius:19px;overflow:hidden;box-shadow:0 12px 30px #25192b22}#phone{width:100%;overflow:hidden;background:#fff;position:relative}#watermarkArea{text-align:center;font-size:12px;color:#a98ab8;letter-spacing:2px;padding:14px;background:#fff;border-top:1px solid #f0eaf3}.exportWide{width:100%;margin-top:13px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#33273f;color:#fff;padding:12px 18px;border-radius:12px;z-index:100;display:none;max-width:90vw}
/* Preview styles */.screen{width:100%;color:#111;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;font-family:var(--screen-font,system-ui,-apple-system,'Segoe UI',sans-serif)}.screen.dark{color:#f4f4f4;background:#111b21}.iosbar{height:35px;display:flex;justify-content:space-between;align-items:center;padding:0 20px 0 25px;font-size:13px;font-weight:700;flex-shrink:0}.waHead{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#f7f7f8;border-bottom:1px solid #e8e8e8;min-height:61px}.dark .waHead{background:#202c33;border-color:#35434a}.back{font-size:25px;color:#008ef6;line-height:1}.avatar{width:37px;height:37px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:#9e69c6;color:white;font-size:17px;font-weight:700;flex-shrink:0;overflow:hidden}.avatar.small{width:24px;height:24px;font-size:11px}.waHead .headInfo{min-width:0;flex:1}.waHead .headInfo b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.3}.waHead .headInfo small{font-size:11px;color:#888}.waIcons{color:#008ef6;font-size:21px;letter-spacing:6px;white-space:nowrap}.wallpaper{flex:1;min-height:0;overflow:hidden;background:#f2e6d0;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-start}.messages{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:12px;gap:0}.msgRow{display:flex;align-items:flex-end;gap:6px;margin:2px 0}.msgRow.right{justify-content:flex-end}.bubble{max-width:78%;min-width:60px;padding:7px 9px;background:white;color:#191919;box-shadow:0 1px 1px #00000013;overflow-wrap:anywhere;white-space:pre-wrap;position:relative}.right .bubble{background:#d9fdd3}.dark .bubble{background:#202c33;color:#f2f2f2}.dark .right .bubble{background:#005c4b}.senderName{font-size:12px;font-weight:750;color:#9250bd;margin-bottom:2px}.msgMeta{text-align:right;font-size:10px;color:#8a8a8a;margin-top:3px;white-space:nowrap}.right .msgMeta{color:#66877e}.bubble img{max-width:100%;display:block;border-radius:8px;max-height:270px;object-fit:contain}.bubble.sticker{background:transparent!important;box-shadow:none;padding:1px}.bubble.sticker img{max-width:155px}.emojiBig{font-size:56px;line-height:1.3}.sysMsg{align-self:center;background:#e8e2d7d9;color:#555;padding:5px 10px;font-size:11px;border-radius:8px;margin:8px 0}.waInput{height:59px;display:flex;align-items:center;gap:8px;background:#f7f7f8;border-top:1px solid #e7e7e7;padding:8px 10px;color:#008ef6;font-size:22px;flex-shrink:0}.dark .waInput{background:#202c33;border-color:#35434a}.waInput .inputFake{border-radius:24px;background:white;border:1px solid #e0e0e0;flex:1;height:36px}.dark .waInput .inputFake{background:#2a3942;border-color:#40505a}.homebar{height:21px;display:flex;align-items:center;justify-content:center;background:#f7f7f8;flex-shrink:0}.dark .homebar{background:#202c33}.homebar:after{content:'';height:4px;width:105px;border-radius:4px;background:#151515}.dark .homebar:after{background:white}.socialHead{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ddd}.dark .socialHead{border-color:#35434a}.socialFeed{flex:1;overflow:hidden}.post{padding:14px;border-bottom:1px solid #e7e7e7}.dark .post{border-color:#38444d}.post .byline{display:flex;align-items:center;gap:9px}.post .byline small{color:#8d8d8d}.post .postImg{width:100%;max-height:320px;object-fit:cover;border-radius:12px;margin-top:9px}.metrics{display:flex;justify-content:space-between;color:#8a8a8a;font-size:12px;margin-top:12px}.socialText{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:9px}.storyCanvas{flex:1;position:relative;background:linear-gradient(130deg,#e7b3d9,#7861ac);background-size:cover;background-position:center;display:flex;flex-direction:column;color:white}.storyTop{padding:12px;display:flex;gap:9px;align-items:center;background:linear-gradient(#0005,transparent)}.storyLines{display:flex;gap:4px;padding:10px 12px 0}.storyLines span{height:2px;background:#fff9;flex:1;border-radius:3px}.storyCaption{margin:auto;text-align:center;font-weight:750;font-size:22px;padding:20px;text-shadow:0 2px 6px #0008;white-space:pre-wrap}.storyBottom{text-align:center;padding:16px;background:linear-gradient(transparent,#0006)}.liveCanvas{flex:1;background:linear-gradient(160deg,#46334f,#c285ac);background-size:cover;background-position:center;color:white;display:flex;flex-direction:column;justify-content:space-between}.liveTop{display:flex;gap:10px;align-items:center;padding:14px;background:#0005}.liveBadge{background:#ff365d;border-radius:5px;padding:3px 8px;font-size:12px}.liveChat{padding:15px;background:linear-gradient(transparent,#0009);font-size:13px}.liveChat p{margin:5px 0}.musicCard{margin:auto 22px;padding:20px;border-radius:20px;background:#212d26;color:white;text-align:center}.musicCover{aspect-ratio:1;background:linear-gradient(140deg,#a889d1,#e6b5c7);border-radius:8px;display:grid;place-items:center;font-size:70px;overflow:hidden}.musicCover img{width:100%;height:100%;object-fit:cover}.notesBody{flex:1;padding:22px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.iphoneGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 18px;flex:1;background:linear-gradient(145deg,#e8d4f5,#aa94d8)}.appIcon{text-align:center;color:#fff;font-size:11px}.appIcon i{width:52px;height:52px;margin:0 auto 5px;display:grid;place-items:center;border-radius:13px;background:#fff;font-size:27px;font-style:normal;box-shadow:0 4px 9px #0002}.statusList{display:flex;gap:13px;padding:14px;overflow:hidden}.statusThumb{text-align:center;font-size:11px;min-width:52px}.statusThumb .avatar{margin:auto auto 4px;border:3px solid #26b78e;width:49px;height:49px}.statusViews{text-align:center;margin:12px;font-size:12px;color:#888}
@media(max-width:960px){.layout{grid-template-columns:1fr;padding:12px}.previewArea{position:static;max-height:none}.canvasWrap{overflow-x:auto}.panel{padding:16px}}@media(max-width:430px){.brand{font-size:18px}.topActions button{padding:8px;font-size:12px}.tabbar button{font-size:11px;padding:10px 6px}.canvasWrap{padding:4px;justify-content:flex-start}#capture{transform-origin:top left}.two{gap:7px}.row button{font-size:12px}}

/* iOS-inspired refined icon set */
.iosStatusIcons{display:flex;align-items:center;gap:5px}
.iosStatusIcons svg{height:13px;width:21px;fill:currentColor;stroke:none;display:block}
.iosStatusIcons svg:nth-child(2){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.iosStatusIcons svg:last-child{width:27px;fill:none;stroke:currentColor;stroke-width:1.3}
.iosStatusIcons svg:last-child rect:nth-child(2),.iosStatusIcons svg:last-child rect:nth-child(3){fill:currentColor;stroke:none}
.waIcons{display:flex;align-items:center;gap:15px;color:#008af5}
.waIcons svg,.waTool svg,.insideSticker svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.waInput{gap:7px!important;min-height:54px!important;padding:7px 9px 8px!important;align-items:center}
.waTool{color:#008af5;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.waTool svg{width:21px;height:21px}
.waInput .inputFake{display:flex;align-items:center;justify-content:flex-end;min-width:0;flex:1;min-height:33px;border-radius:19px;padding:0 9px}
.insideSticker{color:#008af5}
.dark .waTool,.dark .insideSticker,.dark .waIcons{color:#4eaaff}

/* V6 refinements: clearly visible names + media workflow */
.explain-name,.mediaTools{margin:15px 0;padding:12px 13px;background:#f4ebff;border:1px solid #d9c3f0;border-radius:13px}.explain-name p{font-size:12px;margin:5px 0 0;color:#56475d}.explain-name strong{font-size:13px}.mediaTools .row button{flex:1;min-width:130px;background:white}.selectedMedia{display:flex;align-items:center;gap:12px;color:#675a70;font-size:12px;margin:8px 0}.selectedMedia img{width:58px;height:58px;object-fit:contain;background:white;border-radius:9px;border:1px solid #ded4e6}.senderName{display:block!important;font-size:13px!important;font-weight:800!important;line-height:1.2;margin:0 0 5px!important;white-space:normal}.bubble:not(.sticker){padding:9px 11px}.unreadLabel{background:#d7f5d8;color:#256b35;padding:3px 9px;border-radius:7px;font-size:11px;font-weight:750;letter-spacing:.5px}.msgRow .avatar.small{height:26px;width:26px}.msgRow{align-items:flex-end}.msgRow .bubble{min-width:72px}#systemPreset{margin-bottom:8px}#addPreset{width:100%;background:#f8f4fc} .iosStatusIcons svg{fill:currentColor;stroke:currentColor} .iosStatusIcons svg path{fill:none}