:root{--app-bg: #1a1a1f;--app-fg: #f3f0f7;--accent: #2f7bff;--editor-bg: #14141a;--editor-line: rgba(255, 255, 255, .1);--field-bg: rgba(255, 255, 255, .06);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--app-bg);color:var(--app-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}body{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--editor-line);flex-wrap:wrap}.topbar h1{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:.01em;color:var(--accent)}.tabs{display:flex;gap:.25rem;background:var(--field-bg);padding:.2rem;border-radius:.6rem}.tab{border:none;background:none;color:var(--app-fg);font-size:.9rem;font-weight:600;padding:.4rem .8rem;border-radius:.45rem;cursor:pointer;opacity:.7}.tab.active{background:var(--accent);color:#fff;opacity:1}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.theme-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;opacity:.85;cursor:pointer;user-select:none}.topbar-actions button{border:1px solid var(--editor-line);background:var(--field-bg);color:var(--app-fg);font-size:.85rem;font-weight:600;padding:.45rem .8rem;border-radius:.5rem;cursor:pointer}.topbar-actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.topbar-actions button:active{transform:scale(.98)}.layout{flex:1;display:grid;grid-template-columns:minmax(300px,380px) 1fr;min-height:0}.editor{background:var(--editor-bg);border-right:1px solid var(--editor-line);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;opacity:.95}.field>span{opacity:.7}.field-row{display:flex;gap:.5rem;align-items:flex-end}.field-row .field{flex:1;min-width:0}input[type=text],input[type=number],textarea,select{font:inherit;font-size:.9rem;padding:.45rem .55rem;border-radius:.45rem;border:1px solid var(--editor-line);background:var(--field-bg);color:var(--app-fg);width:100%;resize:vertical}input[type=file]{font-size:.75rem}.check{display:flex;align-items:center;gap:.45rem;font-size:.8rem;opacity:.9;cursor:pointer}.section-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:.4rem 0 0}.bubble-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.bubble-row{display:flex;gap:.4rem;align-items:flex-start;padding:.45rem;border-radius:.5rem;background:var(--field-bg);border:1px solid var(--editor-line)}.bubble-row .side-pill{flex:0 0 auto;border:none;border-radius:.4rem;padding:.3rem .45rem;font-size:.7rem;font-weight:700;cursor:pointer;color:#fff}.bubble-row .side-pill.sent{background:var(--accent)}.bubble-row .side-pill.received{background:#6b6b73}.bubble-row textarea{flex:1;min-height:2.2rem;font-size:.85rem}.bubble-row .bubble-ctrl{display:flex;flex-direction:column;gap:.2rem}.bubble-row .bubble-ctrl button{border:1px solid var(--editor-line);background:transparent;color:var(--app-fg);border-radius:.35rem;width:1.7rem;height:1.4rem;font-size:.8rem;line-height:1;cursor:pointer;opacity:.8}.bubble-row .bubble-ctrl button:disabled{opacity:.25;cursor:default}.bubble-row .del{color:#ff6b6b}.add-row{display:flex;gap:.5rem}.add-row button,.mini{flex:1;border:1px dashed var(--editor-line);background:transparent;color:var(--app-fg);padding:.5rem;border-radius:.5rem;font-weight:600;font-size:.85rem;cursor:pointer}.mini{flex:0 0 auto;border-style:solid;padding:.45rem .55rem;align-self:flex-end}.avatar-upload{flex:2}.parody-note{margin-top:.4rem;font-size:.72rem;line-height:1.4;padding:.6rem .7rem;border-radius:.5rem;background:#ffc4001a;border:1px solid rgba(255,196,0,.3);color:#ffe08a}.self-ref{margin-top:auto;padding-top:.6rem;font-size:.72rem;opacity:.5}.self-ref a{color:var(--app-fg)}.stage{min-width:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;background:radial-gradient(circle at 30% 20%,rgba(47,123,255,.08),transparent 60%),repeating-conic-gradient(rgba(255,255,255,.025) 0% 25%,transparent 0% 50%) 0 / 24px 24px}.capture{display:inline-block}.phone{width:380px;border-radius:38px;overflow:hidden;border:10px solid #0a0a0a;box-shadow:0 24px 60px #0000008c;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;--chat-bg: #ffffff;--chat-fg: #000000;--chat-header-bg: rgba(245, 245, 247, .94);--bubble-recv-bg: #e9e9eb;--bubble-recv-fg: #000000;--sb-fg: #000000;--meta-fg: #8e8e93;background:var(--chat-bg);color:var(--chat-fg)}.phone.dark{--chat-bg: #000000;--chat-fg: #ffffff;--chat-header-bg: rgba(20, 20, 22, .94);--bubble-recv-bg: #26262a;--bubble-recv-fg: #ffffff;--sb-fg: #ffffff;--meta-fg: #98989f}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.3rem .3rem;font-size:.78rem;font-weight:600;color:var(--sb-fg)}.sb-carrier{font-size:.7rem;opacity:.7}.sb-right{display:inline-flex;align-items:center;gap:.3rem}.sb-signal{font-size:.55rem;letter-spacing:-1px}.sb-batt-icon{display:inline-block;width:20px;height:10px;border:1px solid var(--sb-fg);border-radius:3px;position:relative;opacity:.85}.sb-batt-icon:after{content:"";position:absolute;left:1px;top:1px;bottom:1px;width:var(--batt-fill, 70%);background:var(--sb-fg);border-radius:1px}.sb-batt-icon:before{content:"";position:absolute;right:-3px;top:3px;bottom:3px;width:2px;background:var(--sb-fg);border-radius:0 1px 1px 0;opacity:.6}.chat-header{display:grid;grid-template-columns:2rem 1fr 2rem;align-items:center;padding:.3rem .8rem .6rem;background:var(--chat-header-bg);border-bottom:1px solid rgba(127,127,127,.2);backdrop-filter:blur(8px)}.chat-back{color:var(--accent);font-size:1.6rem;line-height:1}.chat-contact{display:flex;flex-direction:column;align-items:center;gap:.15rem}.chat-avatar{width:2.1rem;height:2.1rem;border-radius:50%;background:linear-gradient(160deg,#b8b8bf,#8d8d96);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background-size:cover;background-position:center}.chat-name{font-size:.72rem;font-weight:600}.chat-video{color:var(--accent);text-align:right;font-size:1.1rem}.messages{background:var(--chat-bg);padding:.8rem .7rem .4rem;display:flex;flex-direction:column;gap:.18rem;min-height:360px}.msg{display:flex;flex-direction:column;max-width:75%}.msg.sent{align-self:flex-end;align-items:flex-end}.msg.received{align-self:flex-start;align-items:flex-start}.msg+.msg{margin-top:.1rem}.bubble{padding:.45rem .7rem;border-radius:1.1rem;font-size:.92rem;line-height:1.3;word-wrap:break-word;white-space:pre-wrap;position:relative}.msg.received .bubble{background:var(--bubble-recv-bg);color:var(--bubble-recv-fg);border-bottom-left-radius:.35rem}.msg.sent .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:.35rem}.phone.sms .msg.sent .bubble{background:#34c759}.phone.sms .input-pill:after{content:"Text message"}.bubble-time{font-size:.62rem;color:var(--meta-fg);margin:.1rem .4rem .25rem}.input-bar{background:var(--chat-header-bg);padding:.6rem .8rem .9rem;border-top:1px solid rgba(127,127,127,.2)}.input-pill{display:block;border:1px solid rgba(127,127,127,.4);border-radius:1rem;padding:.4rem .8rem;font-size:.8rem;color:var(--meta-fg)}.tweet{width:420px;padding:1rem 1.1rem .9rem;border-radius:16px;border:1px solid #2f3336;box-shadow:0 24px 60px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,sans-serif;--tw-bg: #ffffff;--tw-fg: #0f1419;--tw-meta: #536471;--tw-line: #eff3f4;background:var(--tw-bg);color:var(--tw-fg)}.tweet.dark{--tw-bg: #15202b;--tw-fg: #e7e9ea;--tw-meta: #8b98a5;--tw-line: #38444d;border-color:#38444d}.tw-head{display:flex;align-items:center;gap:.6rem}.tw-avatar{width:2.7rem;height:2.7rem;border-radius:50%;background:linear-gradient(160deg,#2f7bff,#7a4dff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex:0 0 auto;background-size:cover;background-position:center}.tw-id{flex:1;min-width:0}.tw-name-row{display:flex;align-items:center;gap:.25rem}.tw-name{font-weight:800;font-size:.98rem}.tw-badge{width:1.05rem;height:1.05rem;border-radius:50%;background:var(--accent);color:#fff;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center}.tw-badge.hidden{display:none}.tw-handle{color:var(--tw-meta);font-size:.9rem}.tw-logo{font-size:1.3rem;color:var(--tw-fg);font-weight:700}.tw-text{margin:.7rem 0;font-size:1.32rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.tw-meta{color:var(--tw-meta);font-size:.92rem;padding-bottom:.7rem;border-bottom:1px solid var(--tw-line)}.tw-stats{display:flex;gap:1.3rem;padding-top:.7rem;font-size:.9rem;color:var(--tw-meta)}.tw-stats b{color:var(--tw-fg);font-weight:700}.toast{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%) translateY(2rem);background:#000000db;color:#fff;padding:.6rem 1rem;border-radius:.6rem;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;max-width:90vw;word-break:break-all;z-index:10}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:760px){.layout{grid-template-columns:1fr;grid-template-rows:auto auto}.editor{border-right:none;border-bottom:1px solid var(--editor-line);max-height:48vh}.stage{padding:1.2rem .5rem}.phone,.tweet{width:min(380px,92vw)}}