html,body{height:100%}body{margin:0}@font-face{font-family:Chirp;src:url(/fonts/chirp-regular-web.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chirp;src:url(/fonts/chirp-medium-web.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chirp;src:url(/fonts/chirp-bold-web.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Chirp;src:url(/fonts/chirp-heavy-web.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--bg0:#121820;--bg1:#161d27;--panel:#121a24d1;--panel-solid:#141c26;--field:#1a2430;--field-hover:#202c3a;--line:#ffffff14;--line-strong:#ffffff1f;--text:#eef2f7;--muted:#8b98a5;--faint:#65707d;--accent:#4db3f5;--accent-2:#1f8fd9;--accent-soft:#4db3f524;--danger:#ff5a6a;--ok:#3dd68c;--shadow:0 16px 40px #00000047;--shadow-soft:0 8px 24px #0000002e;--radius:16px;--radius-sm:12px;--font:"Outfit", system-ui, sans-serif;--display:"Fraunces", Georgia, serif;--tweet-font:"Chirp", "Outfit", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:auto}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;background:#0e1520;min-height:100vh;margin:0;line-height:1.5;overflow:hidden auto}.cosmos{z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#1a2740 0%,#0000 55%),radial-gradient(90% 60% at 100% 80%,#152033 0%,#0000 50%),#0e1520;position:fixed;inset:0;overflow:hidden}.cosmos-glow{will-change:transform;border-radius:50%;width:55vmax;height:55vmax;position:absolute}.cosmos-glow--a{background:radial-gradient(circle,#4db3f538 0%,#4db3f50f 42%,#0000 68%);animation:22s ease-in-out infinite alternate cosmosFloatA;top:-18%;left:-12%}.cosmos-glow--b{background:radial-gradient(circle,#7896ff29 0%,#5a78dc0d 45%,#0000 70%);animation:28s ease-in-out infinite alternate cosmosFloatB;bottom:-12%;right:-16%}@keyframes cosmosFloatA{0%{transform:translate(0,0)}to{transform:translate(8%,6%)}}@keyframes cosmosFloatB{0%{transform:translate(0,0)}to{transform:translate(-7%,-5%)}}@media (prefers-reduced-motion:reduce){.cosmos-glow{animation:none}}.page,.modal-overlay{z-index:1;position:relative}button,input,textarea,label,.dropzone{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:var(--font)}.page{max-width:1180px;padding:14px 20px calc(20px + var(--safe-bottom));margin:0 auto}.page-header{border:none;justify-content:flex-start;align-items:center;gap:12px;margin:0 0 12px;padding:0;display:flex}.page-header h1{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(22px,3.2vw,28px);font-weight:400;line-height:1.1}.page-header h1 em{color:#cfe9ff;font-style:italic}.page-header .brand-link{color:inherit;cursor:pointer;text-decoration:none;transition:opacity .15s}.page-header .brand-link:hover{opacity:.85}.page-header .brand-link:active{opacity:.7}.page-header .brand-link em{color:#cfe9ff}.app>*{min-width:0}@media (width<=920px){.page{padding:10px 12px calc(20px + var(--safe-bottom))}.page-header{margin:0 0 8px;padding:0}.page-header h1{font-size:22px}.app{grid-template-columns:1fr;grid-template-areas:"preview""actions""controls";gap:10px}.controls-wrap{display:contents}.preview-wrap{order:unset;grid-area:preview}.actions-bar{grid-area:actions}.controls.cube-panel,#controlsPanel{grid-area:controls;width:100%;max-width:560px;margin:0 auto}.controls{width:100%;max-width:560px;margin:0 auto}.preview-sticky{width:100%;max-width:none;position:static}.panel input[type=text]{font-size:16px}input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}.edit-hint{margin-bottom:12px;font-size:12px}.row.stats-row{flex-direction:column;gap:0}.generate-btn,.paste-btn{padding:8px 12px;font-size:12px}.cube-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.cube-nav.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.cube-nav-btn{letter-spacing:0;border-radius:8px;gap:3px;min-height:30px;padding:5px 2px;font-size:10px;font-weight:700}.cube-nav-btn .cube-ico,.cube-nav-btn .cube-ico svg{width:11px;height:11px}.cube-pane .theme-btn,.cube-pane .imgfit-btn,.cube-pane .tagfont-btn{border-radius:8px;padding:7px 5px;font-size:11px}.controls.cube-panel{gap:10px;max-height:none;padding:12px 12px 8px;position:static}.actions-bar{width:100%;max-width:560px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;border-radius:0;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:0;display:flex;position:static}.actions-bar .generate-btn,.actions-bar .reset-btn{width:auto;min-width:0;height:36px;min-height:36px;box-shadow:none;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600;line-height:1}.actions-bar .generate-btn{flex:auto}.actions-bar .reset-btn{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff1a;flex:none}}.panel{background:linear-gradient(180deg, #ffffff0a, transparent 28%), var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(22px)saturate(1.15);border-radius:22px;padding:14px;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);height:1px;position:absolute;inset:0 0 auto}.controls-wrap{flex-direction:column;align-self:start;gap:12px;width:300px;max-width:100%;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px}.controls.cube-panel{border-radius:22px;flex-direction:column;flex:auto;gap:12px;width:100%;max-width:100%;min-height:0;max-height:none;padding:14px;display:flex;position:relative}.cube-nav{background:0 0;border:none;border-radius:0;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;display:grid}.cube-nav.compact,.cube-nav-two{grid-template-columns:repeat(2,1fr)}.cube-nav-btn{aspect-ratio:auto;min-height:48px;color:var(--muted);font-family:var(--font);letter-spacing:.01em;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;display:flex}.cube-nav-btn:hover{color:var(--text);background:#ffffff0d;border-color:#ffffff14}.cube-nav-btn:active{transform:scale(.98)}.cube-nav-btn.active{color:#eaf6ff;background:linear-gradient(#4db3f533,#4db3f51a);border-color:#4db3f573;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #4db3f51f}.cube-nav-btn .cube-ico{opacity:.95;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.cube-nav-btn .cube-ico svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.cube-body{border:1px solid var(--line);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:linear-gradient(#ffffff08,#0000 40%),#00000047;border-radius:16px;flex:auto;height:auto;min-height:280px;max-height:min(52vh,420px);padding:14px;overflow-y:auto}@media (width<=920px){.cube-body{-webkit-overflow-scrolling:auto;overscroll-behavior:auto;min-height:0;max-height:none;overflow:visible}}.cube-pane{opacity:0;display:none;transform:translateY(6px)}.cube-pane.active{opacity:1;display:block;transform:none}.cube-pane.active.pane-enter{animation:.18s ease-out paneIn}@keyframes paneIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cube-pane .block-label{margin-bottom:8px}.cube-pane .section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);margin:4px 0 10px;padding-bottom:8px;font-size:11px;font-weight:800}.cube-pane .section-label:first-child{margin-top:0}.cube-pane label{margin:10px 0 6px;font-size:11px}.cube-pane .switch-row{margin-top:8px;padding:14px}.cube-pane .switch-row .label-text{font-size:13px}.cube-pane .switch-row .label-sub{font-size:11px}.cube-pane .dropzone{padding:16px 12px}.cube-pane .dropzone .dz-text{font-size:13px}.cube-pane .dropzone .dz-sub{font-size:11px}.cube-pane input[type=text]{padding:10px 12px;font-size:13px}.cube-pane .paste-btn{padding:11px 12px;font-size:13px}.cube-pane .or-divider{margin:10px 0}.cube-pane .paste-hint{color:var(--faint);margin-top:6px;font-size:11px}.cube-pane .theme-btn,.cube-pane .imgfit-btn{padding:10px 6px;font-size:12px}.cube-pane .control-stack{flex-direction:column;gap:14px;display:flex}.controls-wrap .actions,.controls .actions{flex-shrink:0;gap:8px;padding-top:0}.actions-bar{background:0 0;flex-direction:column;gap:8px;width:100%;max-width:100%;margin:0;padding:0;display:flex}.actions-bar .generate-btn{border-radius:8px;width:100%;padding:12px 14px;font-size:14px}.actions-bar .reset-btn{border-radius:8px;width:100%;padding:11px 14px;font-size:13px}.block{border-bottom:none;margin-bottom:0;padding:0}.block-label{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 12px;font-size:10px;font-weight:800}label{color:var(--muted);margin:12px 0 8px;font-size:12px;font-weight:600;display:block}input[type=text],textarea{background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:12px 14px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s}input[type=text]:hover,textarea:hover{background:var(--field-hover)}input[type=text]:focus,textarea:focus{border-color:#3aa0f08c;outline:none;box-shadow:0 0 0 4px #3aa0f01f}.row{gap:10px;display:flex}.row>div{flex:1;min-width:0}.segmented{border:1px solid var(--line);background:#00000061;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid;box-shadow:inset 0 1px 3px #00000059}.theme-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:11px 8px;font-size:13px;font-weight:650;transition:background .15s,color .15s,transform .12s,box-shadow .15s}.theme-btn:hover{color:var(--text)}.theme-btn:active{transform:scale(.98)}.theme-btn.active{background:linear-gradient(180deg, #62c0f8, var(--accent-2));color:#fff;box-shadow:0 6px 18px #1f8fd952,inset 0 1px #ffffff40}#imageFitMode{grid-template-columns:repeat(2,1fr)}.imgfit-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:11px 8px;font-size:13px;font-weight:650;transition:background .15s,color .15s,transform .12s,box-shadow .15s}.imgfit-btn:hover{color:var(--text)}.imgfit-btn.active{background:linear-gradient(180deg, #62c0f8, var(--accent-2));color:#fff;box-shadow:0 6px 18px #1f8fd952,inset 0 1px #ffffff40}#imageTagFont{grid-template-columns:repeat(2,1fr)}.tagfont-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 6px;font-size:12px;font-weight:700;transition:background .15s,color .15s,transform .12s}.tagfont-btn:hover{color:var(--text)}.tagfont-btn.active{background:linear-gradient(180deg, #4aaff5, var(--accent-2));color:#fff;box-shadow:0 8px 20px #1d8fe047}.switch-row{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#ffffff04);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.switch-row .label-text{color:var(--text);font-size:14px;font-weight:650}.switch-row .label-sub{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500}.switch{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0;width:46px;height:28px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.slider{pointer-events:none;background:#252c3a;border-radius:999px;transition:all .2s;position:absolute;inset:0;box-shadow:inset 0 1px 3px #0006}.slider:before{content:"";background:linear-gradient(#fff,#e8ecf2);border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #00000059}.switch input:checked+.slider{background:linear-gradient(180deg, #62c0f8, var(--accent-2));box-shadow:inset 0 1px #fff3}.switch input:checked+.slider:before{transform:translate(18px)}.dropzone{border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:linear-gradient(180deg, #ffffff08, transparent), var(--field);border:1px dashed #ffffff24;padding:22px 14px;transition:border-color .15s,background .15s,transform .12s}.dropzone:hover,.dropzone.dragover{background:#3aa0f00f;border-color:#3aa0f08c}.dropzone:active{transform:scale(.995)}.dropzone input[type=file]{display:none}.dropzone .dz-text{color:var(--text);font-size:14px;font-weight:700}.dropzone .dz-sub{color:var(--muted);margin-top:5px;font-size:12px;font-weight:500}.media-box{border:1px solid var(--line-strong);text-align:center;cursor:pointer;background:radial-gradient(320px 120px at 50% 0,#3aa0f01f,#0000 70%),#ffffff06;border-radius:16px;padding:22px 16px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.media-box:hover,.media-box.dragover{background:radial-gradient(320px 120px at 50% 0,#3aa0f02e,#0000 70%),#3aa0f00f;border-color:#3aa0f080;box-shadow:0 0 0 4px #3aa0f014}.media-box input[type=file]{display:none}.media-box-title{color:var(--text);font-size:14px;font-weight:800}.media-box-sub{color:var(--muted);margin-top:6px;font-size:12px;font-weight:500}.media-paste{background:#ffffff0a;border-radius:12px;margin-top:10px}.cube-pane .media-box{padding:18px 14px}.cube-pane .media-box-title{font-size:13px}.cube-pane .media-box-sub{font-size:11px}.thumb-preview{border:1px solid var(--line);background:#ffffff08;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;display:flex}.thumb-preview img{object-fit:cover;border-radius:10px;width:42px;height:42px}.thumb-preview span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.thumb-preview button{color:var(--danger);cursor:pointer;background:#ff4d5e1a;border:1px solid #ff4d5e33;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:700}.or-divider{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:14px 0;font-size:11px;font-weight:700;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.paste-btn{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:#ffffff08;padding:13px 14px;font-size:13px;font-weight:700;transition:border-color .15s,background .15s}.paste-btn:hover{background:#3aa0f014;border-color:#3aa0f073}.paste-hint{color:var(--faint);text-align:center;margin-top:10px;font-size:12px;font-weight:500}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff1a;border-radius:999px;outline:none;height:4px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(180deg, #7dd3fc, var(--accent));cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 10px #3aa0f066}input[type=range]::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.size-label{color:var(--muted);text-align:right;flex-shrink:0;width:44px;font-size:12px;font-weight:700}.actions{flex-direction:column;gap:10px;padding-top:6px;display:flex}.generate-btn{background:var(--accent-2);color:#fff;cursor:pointer;letter-spacing:0;width:100%;box-shadow:none;-webkit-appearance:none;appearance:none;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:transform .15s,filter .15s}.generate-btn:hover{filter:brightness(1.08)}.generate-btn:active{filter:brightness(.97);transform:scale(.985)}.reset-btn{width:100%;color:var(--muted);cursor:pointer;-webkit-appearance:none;appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:600;transition:transform .15s,background .15s,border-color .15s,color .15s}.reset-btn:hover{color:var(--text);background:#ffffff12;border-color:#ffffff2e}.reset-btn:active{transform:scale(.98)}.preview-wrap{overflow-anchor:none;padding-top:2px}html,body,.page,.app,.controls,.cube-body{overflow-anchor:none}.preview-sticky{width:100%;max-width:560px;margin:0 auto;position:sticky;top:12px}.tweet-card-frame{width:100%;max-width:540px;margin:0 auto}.preview-kicker,.edit-hint{display:none}.charcount{color:var(--faint);text-align:center;margin-top:10px;font-size:12px;font-weight:600}.charcount.over{color:var(--danger)}.hint{color:var(--muted);margin-top:10px;font-size:12px;font-weight:500;line-height:1.5}.tweet-card{aspect-ratio:3/4;width:540px;max-width:100%;font-family:var(--tweet-font);border:1px solid;border-radius:16px;flex-direction:column;padding:20px 28px;display:flex;overflow:hidden}.tweet-card>*{flex-shrink:0}.tweet-card.dim{color:#e7e9ea;background:#141f2b;border-color:#38444d}.tweet-card.white{color:#0f1419;background:#fff;border-color:#eff3f4}.tweet-card.black{color:#e7e9ea;background:#000;border-color:#2f3336}.tweet-card.white .display-name,.tweet-card.white .tweet-text,.tweet-card.white .reply-name,.tweet-card.white .reply-text{color:#0f1419}.tweet-card.white .handle,.tweet-card.white .reply-handle{color:#536471}.tweet-card.dim .display-name,.tweet-card.dim .tweet-text,.tweet-card.dim .reply-name,.tweet-card.dim .reply-text,.tweet-card.black .display-name,.tweet-card.black .tweet-text,.tweet-card.black .reply-name,.tweet-card.black .reply-text{color:#e7e9ea}.tweet-main-stack{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;width:100%;display:flex;position:relative}.caption-image-group{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;width:100%;display:flex}.tweet-card.text-only{justify-content:flex-start}.tweet-card-frame{border-radius:16px;overflow:hidden}.tweet-head{gap:10px;margin:0 0 8px;display:flex}.tweet-card.minimal .tweet-head{display:none!important}.avatar{object-fit:cover;background:#555;border-radius:50%;flex-shrink:0;width:48px;height:48px}.name-block{flex:1;min-width:0}.name-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.display-name{border-radius:4px;outline:none;padding:0 2px;font-size:15px;font-weight:700}.display-name:focus,.handle:focus{background:#1d9bf01f}.verified{flex-shrink:0;width:18px;height:18px}.handle{color:#71767b;border-radius:4px;outline:none;padding:0 2px;font-size:15px}.tweet-card.dim .handle,.tweet-card.black .handle{color:#8b98a5}.display-name,.handle,.reply-name,.reply-handle,.reply-text{-webkit-user-select:text;user-select:text}.tweet-text-slot{flex:none;height:auto;max-height:none;margin:0;display:block;overflow:visible}.tweet-text{white-space:pre-wrap;word-wrap:break-word;word-spacing:normal;letter-spacing:normal;-webkit-user-select:text;user-select:text;caret-color:currentColor;border-radius:6px;outline:none;width:100%;min-height:1.35em;max-height:none;margin:0;padding:0;font-size:20px;line-height:1.35;overflow:visible}.tweet-text:focus{background:#1d9bf014}.tweet-text:empty:before{content:attr(data-placeholder);color:#71767b}.tweet-image-wrap{cursor:pointer;isolation:isolate;background:0 0;border-radius:16px;flex:0 0 340px;width:100%;height:340px;margin:10px 0;display:block;position:relative;overflow:hidden}.tweet-card.has-reply:not(.img-original) .tweet-image-wrap{flex:0 0 300px;height:300px}.tweet-image-wrap.is-empty{background:#7f7f7f0f;border:1.5px dashed #7f7f7f73;justify-content:center;align-items:center;display:flex}.tweet-image-wrap.dragover,.avatar.card-upload.dragover,.reply-avatar.card-upload.dragover{outline-offset:2px;outline:2px solid #1d9bf0a6}.tweet-card.text-only .tweet-image-wrap,.tweet-card-frame.is-exporting .image-slot-hint,.tweet-card-frame.is-exporting .tweet-image-wrap.is-empty{display:none!important}.tweet-card.white .tweet-image-wrap.is-empty{background:#0f14190a;border-color:#0f141933}.tweet-image-wrap.is-empty .tweet-image{display:none}.tweet-image-wrap.is-empty .image-tag{display:none!important}.tweet-image-wrap:not(.is-empty) .image-slot-hint{display:none}.image-tag{z-index:2;color:#fff;letter-spacing:.02em;mix-blend-mode:normal;text-shadow:0 1px 2px #000000a6,0 0 8px #00000059;pointer-events:auto;white-space:nowrap;word-break:normal;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;opacity:1;width:max-content;max-width:none;margin:0;padding:2px 4px;font-weight:700;line-height:1.15;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.image-tag.is-dragging{cursor:grabbing}.image-tag[data-font=roboto]{font-family:Roboto,system-ui,sans-serif;font-weight:400}.image-tag[data-font=riffic]{font-family:Riffic Free,Riffic Free Bold,sans-serif;font-weight:700}.image-tag[data-font=segoe]{font-family:Segoe UI,Tahoma,Geneva,sans-serif;font-weight:700}.image-tag[data-font=chirp]{font-family:Chirp,Manrope,system-ui,sans-serif;font-weight:700}.tweet-card-frame.is-exporting .image-tag{display:none!important}.center-guide{pointer-events:none;z-index:10;background:#00e5ff;width:1px;margin-left:-.5px;display:none;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 4px #00e5ff99}.center-guide.show{display:block}.tweet-card-frame.is-exporting .center-guide{display:none!important}@media (width>=921px){html,body{height:100%;overflow:hidden}}.image-slot-hint{color:#71767b;pointer-events:none;text-align:center;padding:12px;font-size:14px;font-weight:700}.tweet-card.white .image-slot-hint{color:#536471}.avatar.card-upload,.reply-avatar.card-upload{cursor:pointer}.avatar.card-upload:focus-visible,.reply-avatar.card-upload:focus-visible,.tweet-image-wrap:focus-visible{outline-offset:2px;outline:2px solid #1d9bf0b3}.tweet-card.img-original .tweet-image-wrap{background:0 0;border-radius:16px;flex:0 0 var(--og-h,auto)!important;height:var(--og-h,auto)!important;min-height:var(--og-h,0)!important;max-height:var(--og-h,none)!important;width:var(--og-w,100%)!important;align-self:center!important;max-width:100%!important;margin-bottom:0!important;margin-left:auto!important;margin-right:auto!important;overflow:hidden!important}.tweet-card.img-original .tweet-image{object-position:center center;background:0 0;border-radius:16px;object-fit:fill!important;width:100%!important;height:100%!important}.tweet-card.img-original,.tweet-card.img-original.has-reply{justify-content:flex-start!important}.tweet-card.img-original .tweet-main-stack,.tweet-card.img-original .caption-image-group{align-items:stretch;width:100%;flex:none!important;justify-content:flex-start!important;gap:0!important}.tweet-card.img-original .caption-image-group{flex-direction:column!important;display:flex!important}.tweet-card.img-original .tweet-text-slot{flex:none;width:100%;margin-bottom:0!important}.tweet-card.img-original.has-reply .reply-block{flex:none;width:100%;padding-top:12px;margin-top:0!important}.tweet-card:not(.img-original) .tweet-image-wrap{flex:0 0 340px;width:100%;height:340px}.tweet-card:not(.img-original).has-reply .tweet-image-wrap{flex:0 0 300px;height:300px}.tweet-card:not(.img-original).minimal .tweet-image-wrap{flex:0 0 400px;height:400px}.tweet-card:not(.img-original).minimal.has-reply .tweet-image-wrap{flex:0 0 320px;height:320px}.tweet-image{object-fit:cover;object-position:center;pointer-events:none;background:0 0;border-radius:16px;width:100%;height:100%;display:block}.tweet-card:not(.img-original) .tweet-image{object-fit:cover!important;transform:none!important}.tweet-card.dim .tweet-image{border:1px solid #38444d}.tweet-card.black .tweet-image{border:1px solid #2f3336}.tweet-card.white .tweet-image{border:1px solid #eff3f4}.reply-block{flex-shrink:0;padding-top:10px}.reply-head{align-items:flex-start;gap:10px;display:flex}.reply-avatar{object-fit:cover;background:#555;border-radius:50%;flex-shrink:0;width:52px;height:52px}.reply-id{min-width:0}.reply-id .name-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.reply-name{border-radius:4px;outline:none;padding:0 2px;font-size:15px;font-weight:700}.reply-handle{color:#71767b;border-radius:4px;outline:none;padding:0 2px;font-size:15px}.tweet-card.dim .reply-handle,.tweet-card.black .reply-handle{color:#8b98a5}.reply-name:focus,.reply-handle:focus{background:#1d9bf01f}.reply-text{white-space:pre-wrap;word-wrap:break-word;border-radius:6px;outline:none;min-height:1.35em;margin:6px 0 0;padding:2px;font-size:17px;line-height:1.35}.reply-text:focus{background:#1d9bf014}.reply-text:empty:before{content:attr(data-placeholder);color:#71767b}.tweet-meta{color:#71767b;border-bottom:1px solid #38444d;padding-bottom:12px;font-size:15px}.tweet-card.white .tweet-meta{color:#536471;border-bottom-color:#eff3f4}.tweet-card.has-reply .tweet-meta{margin-top:12px}.tweet-stats{gap:20px;padding-top:12px;font-size:14px;display:flex}.stat{gap:2px;display:flex}.stat b{color:inherit;font-weight:700}.stat span{color:#71767b}.tweet-card.white .stat span{color:#536471}.icon-row{color:#71767b;border-top:1px solid #38444d;justify-content:space-between;margin-top:12px;padding-top:12px;font-size:16px;display:flex}.tweet-card.white .icon-row{color:#536471;border-top-color:#eff3f4}.hint{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.5}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:999;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:#04060ab8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{text-align:center;background:#121a26;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;width:100%;max-width:480px;max-height:min(92vh,92dvh);padding:14px;display:flex;position:relative;box-shadow:0 20px 50px #00000073}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2px 10px;display:flex}.modal-header h2{letter-spacing:0;color:var(--text);margin:0;font-family:inherit;font-size:15px;font-weight:600}.modal-x{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;display:inline-flex}.modal-x:hover{color:var(--text);background:#ffffff0f}.modal-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.modal-box img{border-radius:8px;max-width:100%;margin:0 auto;display:block}.export-size{color:var(--faint);letter-spacing:0;text-transform:none;margin:8px 0 0;font-size:11px;font-weight:500}.modal-actions{flex-shrink:0;gap:8px;padding-top:12px;display:flex}.modal-actions button{cursor:pointer;-webkit-appearance:none;appearance:none;border:none;border-radius:8px;flex:1;height:38px;padding:0 12px;font-size:13px;font-weight:600}.modal-download{background:var(--accent-2);color:#fff}.modal-download:hover{filter:brightness(1.08)}.modal-close{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff1a!important}.modal-close:hover{color:var(--text)}.spinner{color:var(--muted);padding:40px 0;font-size:13px;font-weight:600}.tweet-card.minimal:not(.img-original) .tweet-image-wrap{flex:0 0 400px;height:400px}.tweet-card.minimal.has-reply:not(.img-original) .tweet-image-wrap{flex:0 0 320px;height:320px}:root{--panel-w:320px;--preview-scale:1}.app{grid-template-columns:var(--panel-w) minmax(0, 1fr);align-items:start;gap:16px;display:grid}.page{max-width:1240px;padding:12px 20px calc(20px + var(--safe-bottom))}.page-header{margin-bottom:10px;padding-bottom:0}.controls-wrap{width:var(--panel-w);gap:14px;max-height:calc(100vh - 40px);position:sticky;top:20px}.controls.cube-panel{gap:14px;width:100%;max-height:none;padding:16px;position:relative}.cube-nav{gap:10px}.cube-nav-btn{border-radius:14px;min-height:48px;padding:12px 10px;font-size:13px;font-weight:700}.cube-body{border-radius:18px;flex:auto;height:auto;min-height:280px;max-height:min(52vh,420px);padding:16px}@media (width<=920px){.cube-body{min-height:0;max-height:none!important;overflow:visible!important}}.preview-stage{box-shadow:none;background:0 0;border:none;border-radius:16px;padding:8px}.preview-sticky{max-width:560px}.tweet-card-frame{aspect-ratio:3/4;width:100%;max-width:540px;margin:0 auto;position:relative;overflow:hidden}.tweet-card{aspect-ratio:auto;zoom:var(--preview-scale,1);margin:0;position:relative;overflow:hidden;width:540px!important;max-width:none!important;height:720px!important;transform:none!important}@supports not (zoom:1){.tweet-card-frame{aspect-ratio:3/4}.tweet-card{transform-origin:0 0;zoom:normal;position:absolute;top:0;left:0;transform:scale(var(--preview-scale,1))!important}}@media (width<=920px){.page{padding:10px 12px calc(20px + var(--safe-bottom))}.app{grid-template-columns:1fr;grid-template-areas:"preview""actions""controls";gap:10px}.controls-wrap{display:contents}.preview-wrap{order:unset;grid-area:preview}.actions-bar{grid-area:actions}.controls.cube-panel,#controlsPanel{grid-area:controls;width:100%;max-width:560px;margin:0 auto}.controls{order:unset}.controls-wrap{width:100%;max-width:560px;max-height:none;margin:0 auto;position:static}.controls.cube-panel{gap:10px;width:100%;max-width:560px;max-height:none;margin:0 auto;padding:12px;position:static}.cube-body{-webkit-overflow-scrolling:auto;overscroll-behavior:auto;height:auto;min-height:0;max-height:none!important;overflow:visible!important}.cube-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px!important}.cube-nav.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.cube-nav-btn{gap:3px;border-radius:8px!important;min-height:30px!important;padding:5px 2px!important;font-size:10px!important}.cube-nav-btn .cube-ico,.cube-nav-btn .cube-ico svg{width:11px!important;height:11px!important}.actions-bar{width:100%;max-width:560px;box-shadow:none;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding:0;flex-direction:row!important}.actions-bar .generate-btn,.actions-bar .reset-btn{box-shadow:none;border-radius:8px!important;width:auto!important;height:36px!important;min-height:36px!important;padding:0 14px!important;font-size:13px!important}.actions-bar .generate-btn{flex:auto!important}.actions-bar .reset-btn{flex:none!important}.preview-stage{box-shadow:none;background:0 0;border:none;border-radius:12px;padding:4px}.page-header{margin-bottom:8px;padding-bottom:0}.page-header h1{font-size:22px}.tweet-card-frame{aspect-ratio:3/4;width:100%;max-width:540px;margin:0 auto;position:relative;overflow:hidden}.tweet-card{aspect-ratio:auto;zoom:var(--preview-scale,1);margin:0;position:relative;overflow:hidden;width:540px!important;max-width:none!important;height:720px!important;transform:none!important}@supports not (zoom:1){.tweet-card-frame{aspect-ratio:3/4}.tweet-card{transform-origin:0 0;zoom:normal;position:absolute;top:0;left:0;transform:scale(var(--preview-scale,1))!important}}.tweet-card-frame.is-exporting{aspect-ratio:auto;height:auto;overflow:visible}.tweet-card-frame.is-exporting .tweet-card{zoom:1;position:relative;width:540px!important;height:720px!important;transform:none!important}}