:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#343047;background:#faf6ff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #e3d6f1;background:white;color:#574467;padding:10px 13px;border-radius:12px}button:hover{filter:brightness(.97)}button.primary{background:#9c79d3;color:white;border-color:#9c79d3}button.muted{background:#f5eff9}header{height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;background:#fff;border-bottom:1px solid #e9def0}.brand{font-weight:900;font-size:23px;color:#8661b8}.brand small{font-size:11px;font-weight:500;color:#a59bb2;display:block;letter-spacing:2px}.header-actions{display:flex;gap:8px}main{display:grid;grid-template-columns:350px minmax(0,1fr);gap:22px;max-width:1400px;margin:auto;padding:24px}.panel{background:white;border:1px solid #eee3f4;border-radius:22px;padding:22px;box-shadow:0 8px 30px #ac93c515;align-self:start}.panel h2{margin:0 0 18px}.panel h3{margin:23px 0 11px;font-size:16px}.panel label{display:block;font-size:12px;font-weight:700;color:#746785;margin:12px 0 6px}.panel input:not([type=file]),.panel select,.panel textarea{display:block;width:100%;border:1px solid #e4dbe9;border-radius:11px;background:#fdfbff;padding:11px;color:#3b3446}.panel input[type=file]{width:100%;font-size:12px}.row{display:flex;gap:5px}.row select{min-width:0;flex:1}.wide{width:100%;margin-top:10px}.tip,.workspace p,.watermark-note{color:#9c8eaa;font-size:12px;line-height:1.6}.workspace{min-width:0}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.workspace-heading h1{font-size:25px;margin:6px 0}.preview-wrap{background:radial-gradient(circle at 25% 30%,#f8dff4,transparent 50%),linear-gradient(135deg,#eee1ff,#e6f3ff);border:1px solid #ebdcf5;min-height:650px;border-radius:24px;display:flex;justify-content:center;align-items:flex-start;padding:35px 15px;overflow:auto}#capture{width:375px;max-width:100%;background:white;border-radius:24px;overflow:hidden;box-shadow:0 14px 42px #4c345a30}#preview{min-height:550px}.screen{min-height:550px;background:#fff;color:#222}.status{display:flex;justify-content:space-between;padding:13px 21px;font-size:12px;font-weight:800}.chat-head{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid #eee;background:#fff}.avatar{width:40px;height:40px;border-radius:50%;background:#cbb4e9;color:white;display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.head-name{font-weight:800;font-size:15px}.handle{font-size:12px;color:#8d8d98}.chat-body{padding:19px 12px;min-height:420px;background:#f5f1ed}.bubble{padding:10px 12px;max-width:80%;border-radius:15px;margin:0 0 12px;white-space:pre-wrap;word-break:break-word;cursor:pointer;font-size:14px;line-height:1.4}.bubble.them{background:white;border-bottom-left-radius:4px;margin-right:auto}.bubble.me{background:#d9f6ce;border-bottom-right-radius:4px;margin-left:auto}.bubble .stamp{display:block;text-align:right;color:#8d8991;font-size:10px;margin-top:4px}.chat-footer{padding:12px;background:#fafafa;color:#b2a7b5;font-size:13px}.screen.im .chat-body{background:white}.screen.im .bubble.me{background:#2789fa;color:white}.screen.im .bubble.them{background:#e9e9eb}.screen.x,.screen.ig,.screen.tt{background:#fff}.post{padding:18px 16px;min-height:430px}.post-top{display:flex;align-items:center;gap:10px}.post-body{font-size:17px;line-height:1.55;white-space:pre-wrap;word-break:break-word;margin:20px 0 30px}.post-actions{border-top:1px solid #eee;padding-top:15px;color:#999;font-size:13px;display:flex;justify-content:space-between}.screen.x{background:#111;color:#fff}.screen.x .status,.screen.x .chat-head{background:#111;color:#fff;border-color:#333}.screen.x .post-actions{border-color:#333}.screen.tt{background:#181818;color:white}.screen.tt .status,.screen.tt .chat-head{background:#181818;color:white;border-color:#333}.screen.tt .post{display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(155deg,#483a60,#121018)}.screen.tt .post-actions{border-color:#777}.phone-screen{background:linear-gradient(150deg,#eadbff,#c2dcff 55%,#ffd5e6);height:600px;padding:14px 20px}.phone-clock{text-align:center;font-size:63px;font-weight:200;margin:60px 0 0}.phone-date{text-align:center;font-size:17px}.phone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 12px;margin-top:135px}.app-icon{text-align:center;font-size:12px}.app-icon span{display:grid;place-items:center;border-radius:17px;background:#fff9;width:58px;height:58px;margin:0 auto 5px;font-size:27px}.phone-dock{margin-top:45px;background:#ffffff70;padding:13px;border-radius:24px;display:flex;justify-content:space-around;font-size:28px}.fiction-tag{text-align:center;font-size:10px;letter-spacing:1px;padding:8px;color:#a49aa8;background:#fff}.screen.x .fiction-tag,.screen.tt .fiction-tag{background:#111;color:#b0a9b7}@media(max-width:850px){main{display:block;padding:14px}.panel{margin-bottom:20px}.preview-wrap{min-height:610px;padding:18px 6px}.workspace-heading h1{font-size:20px}header{padding:12px;height:auto;gap:8px}.brand{font-size:19px}.header-actions button{font-size:12px;padding:9px}.workspace-heading{padding:0 4px}#capture{width:375px}}