@font-face{font-family:"MagiBot Apple Emoji";src:url(./apple-emoji-BuLB8TMN.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.share-emoji{font-family:"MagiBot Apple Emoji","Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-style:normal;font-weight:400;font-variant-emoji:emoji}:root[data-emoji-source=native] .share-emoji{font-family:"Apple Color Emoji",sans-serif}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Noto Sans CJK JP,PingFang SC,Microsoft YaHei,sans-serif;color:#1f293b;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;--blue: #1875ef;--border: #e4e9f1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;transition:background .15s,color .15s}button:disabled{cursor:not-allowed;opacity:.45}button svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #a5caff;outline-offset:2px}a{color:inherit;text-decoration:none}fieldset{padding:0;margin:0;border:0;min-width:0}.site-header{height:54px;background:#fff;border-bottom:1px solid var(--border)}.header-inner,.main-shell{max-width:960px;margin:0 auto;padding-left:20px;padding-right:20px}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:650;letter-spacing:-.5px}.logo img{width:29px;height:29px;border-radius:9px}.help-button{display:flex;align-items:center;gap:6px;padding:6px 0 6px 10px;border:0;background:transparent;color:#7c899c;font-size:12px}.help-button:hover{color:var(--blue)}.main-shell{padding-top:16px;padding-bottom:20px}.source-panel,.control-panel,.preview-panel{background:#fff;border:1px solid var(--border);border-radius:12px}.source-panel{padding:14px 16px;margin-bottom:16px}.source-form{display:grid;grid-template-columns:minmax(0,1fr) 142px 136px;gap:12px;align-items:end}.source-link-field,.source-language-field{min-width:0}.field-label{display:block;margin-bottom:7px;color:#5d6b80;font-size:12px;font-weight:500}.url-field{height:39px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid #dde4ee;background:#fcfdff;border-radius:7px;color:#9ca9bb}.url-field:focus-within,.select-wrap:focus-within{border-color:#75adfa;box-shadow:0 0 0 3px #1875ef0b}.url-field input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#34425b;font-size:12px}.url-field input::placeholder,textarea::placeholder{color:#a4aebe}.url-field button{display:flex;align-items:center;justify-content:center;padding:2px;border:0;background:transparent;color:#8b95a7}.url-field button[hidden]{display:none}.select-wrap{position:relative;height:39px;display:flex;align-items:center;border:1px solid #dde4ee;border-radius:7px;background:#fff;color:#8b99ac}.select-wrap>svg:first-child{position:absolute;left:10px;pointer-events:none}.select-wrap>svg:last-child{position:absolute;right:9px;pointer-events:none}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:0;border-radius:7px;padding:0 29px 0 32px;outline:0;background:transparent;color:#4c5870;font-size:12px;cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #0f6de6;border-radius:7px;color:#fff;background:var(--blue);font-size:12px;font-weight:500;white-space:nowrap}.primary:hover:not(:disabled){background:#0868e4}.generate-button{width:100%;height:39px}.source-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px;font-size:11px;line-height:1.4}.platform-pill{color:#8b97aa}.sample-actions{display:flex;align-items:center;gap:11px;color:#a0aabb}.sample-actions button{padding:0;border:0;background:transparent;color:#7b91af;font-size:11px}.sample-actions button:hover{color:var(--blue)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.controls{min-width:0}.control-panel{padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-heading h2{margin:0;font-size:13px;font-weight:600}.segmented{display:flex;gap:2px;padding:3px;border:1px solid #edf0f4;border-radius:7px;background:#f4f6f9}.segmented button{flex:1;padding:7px 0;border:0;border-radius:4px;background:transparent;color:#8b97aa;font-size:11px;white-space:nowrap}.segmented .selected{color:var(--blue);background:#fff;box-shadow:0 1px 4px #1c355612}.display-options{padding-top:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:35px}.toggle-title{color:#657187;font-size:12px}.toggle{width:31px;height:18px;display:flex;align-items:center;flex-shrink:0;padding:3px;border:0;border-radius:12px;background:#d9dfea}.toggle span{width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on{background:var(--blue)}.toggle.on span{transform:translate(13px)}.translation-editor{border-top:1px solid #edf0f4;margin-top:16px;padding-top:16px}.context-editor-select{margin-bottom:12px;height:35px}.context-editor-select select{padding-left:10px;font-size:11px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.editor-heading .field-label{margin:0}.edited-badge{margin-left:4px;color:#9aa7b9;font-size:10px;font-weight:400}.text-button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:#8190a6;font-size:11px}.text-button:hover:not(:disabled){color:var(--blue)}textarea{display:block;width:100%;min-height:145px;max-height:340px;padding:10px;border:1px solid #e1e6ee;border-radius:7px;background:#fcfdff;color:#657187;outline:0;resize:vertical;font-size:12px;line-height:1.8}textarea:focus{border-color:#75adfa;box-shadow:0 0 0 3px #1875ef0b}.field-hint{font-size:11px;line-height:1.6;color:#9aa7b9;margin:8px 0 0}.preview-panel{min-width:0;overflow:hidden}.preview-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid var(--border)}.preview-heading,.preview-actions{display:flex;align-items:center;gap:8px}.preview-heading h2{margin:0;font-size:12px;font-weight:500;color:#5d6b80}.preview-chip{padding:2px 5px;border:1px solid #edf0f4;border-radius:4px;color:#96a3b6;background:#f7f9fc;font-size:10px}.export-format{color:#9ba8ba;font-size:10px;white-space:nowrap}.icon-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#91a0b5}.icon-button:hover{color:var(--blue);background:#eef4fc}.download-button{height:32px;padding:0 11px;font-size:11px}.preview-stage{padding:16px;min-height:260px;max-height:min(760px,calc(100dvh - 264px));overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:#f1f3f6}.preview-viewport{width:100%;max-width:540px;flex-shrink:0;border-radius:12px;box-shadow:0 3px 9px #1c355609}.empty-preview{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ba8ba}.empty-preview p{margin:0;font-size:12px}.notice{margin-top:12px;padding:10px;border:1px solid #e4ecf8;border-radius:7px;background:#f3f7fd;color:#73829a;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.notice.error{color:#b26051;background:#fff7f4;border-color:#f6e4dc}.notice button{border:0;padding:0;margin-left:6px;background:transparent;color:inherit;font-size:11px;text-decoration:underline}.export-notice{margin:12px}.settings-jump{display:none}#settings-title,#preview-title{scroll-margin-top:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#15243d65;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:auto}.help-modal{position:relative;width:100%;max-width:420px;max-height:90dvh;overflow:auto;padding:24px;border-radius:15px;border:1px solid var(--border);background:#fff;box-shadow:0 20px 80px #12224322}.close-modal{position:absolute;right:10px;top:10px;z-index:1;background:#fffffff0}.help-modal h2{margin:0 0 22px;font-size:18px;font-weight:600}.help-modal ol{padding-left:18px;margin:0;color:#5d6b80}.help-modal li{padding:0 0 15px 5px;font-size:12px}.help-modal strong{font-weight:500}.help-modal li p{font-size:12px;color:#8b97aa;line-height:1.8;margin:5px 0 0}.guide-link{display:flex;align-items:center;gap:5px;margin-top:14px;color:#9ba8ba;font-size:10px}.zoom-modal{position:relative;width:564px;max-width:100%;max-height:90dvh;padding:12px;border-radius:13px;overflow:auto;background:#f5f5f5}.zoom-modal .share-image{width:100%}.zoom-modal .close-modal{position:sticky;top:0;margin-left:auto;margin-bottom:5px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.workspace{grid-template-columns:minmax(0,1fr);gap:14px}.preview-panel{grid-row:1}.controls{grid-row:2}.preview-stage{max-height:none;overflow:visible}.settings-jump{display:inline;font-size:11px;color:#8190a6}}@media(max-width:560px){.site-header{height:50px}.header-inner,.main-shell{padding-left:14px;padding-right:14px}.main-shell{padding-top:12px;padding-bottom:14px}.logo{font-size:18px}.logo img{width:27px;height:27px}.source-panel{padding:12px;margin-bottom:12px}.source-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.source-link-field{grid-column:1 / -1}.field-label{margin-bottom:6px;font-size:11px}.preview-toolbar{padding:0 10px}.preview-heading,.preview-actions{gap:6px}.export-format{display:none}.preview-stage{padding:12px;min-height:180px}.download-button{padding:0 9px}.control-panel{padding:14px}.modal-backdrop{padding:12px}.help-modal{padding:22px}.zoom-modal{padding:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}.share-image{width:540px;padding:12px;background:var(--share-background);color:#101419;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans CJK SC,Noto Sans CJK JP,PingFang SC,Microsoft YaHei,sans-serif;box-sizing:border-box;line-height:1.65}.share-card{background:var(--share-card);border:1px solid var(--share-card-border);border-radius:13px;padding:17px 16px 0;overflow:hidden}.post-author{display:flex;align-items:center;gap:12px;margin-bottom:19px}.avatar{width:48px;height:48px;flex-shrink:0;border-radius:50%;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:#e8f2ff;color:#2678df;font-size:23px;font-weight:650;border:1px solid #dceaff}.author-copy{min-width:0}.author-name{font-weight:750;font-size:19px;line-height:1.5;display:flex;align-items:center;gap:6px;overflow-wrap:anywhere}.author-display-name{min-width:0}.verified{flex-shrink:0}.author-meta{font-size:12px;line-height:1.6;color:#5c6980;overflow-wrap:anywhere}.original-text{font-size:16px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 18px;letter-spacing:.1px}.post-link{color:var(--share-accent)}.translated-section{margin-bottom:12px}.translation-credit{font-size:12px;color:#657187;margin:0 0 7px;overflow-wrap:anywhere}.translation-credit>span{color:var(--share-accent)}.translation-credit small{font-size:10px;color:#9aa4b4}.translated-text{border:1px solid var(--share-translation-border);background:var(--share-translation-background);border-radius:12px;padding:10px 12px;color:#515d70;font-size:16px;line-height:1.72;white-space:pre-wrap;overflow-wrap:anywhere}.post-source{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--share-card-border);padding:10px 0 13px;color:#5d6a81;font-size:10px}.source-brand{display:flex;align-items:center;gap:6px;color:#273345;font-size:11px;flex-shrink:0;font-weight:650}.source-brand svg{color:#000;width:14px;height:14px}.source-brand .x-logo{height:auto;flex-shrink:0}.source-url{overflow-wrap:anywhere;text-align:right}.post-media{display:grid;gap:6px;margin:0 0 17px}.post-media.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.post-media.single{grid-template-columns:minmax(0,1fr)}.media-item{position:relative;border-radius:9px;overflow:hidden;background:#f3f5f8;display:flex;align-items:center;justify-content:center;min-width:0}.post-image{display:block;width:100%;height:auto;object-fit:contain}.multiple .post-image{height:200px;object-fit:contain}.video-indicator{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;gap:4px;color:#fff;background:#111a2dc4;border-radius:5px;padding:3px 6px;font-size:10px}.image-failure{min-height:120px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#a0a9b7;font-size:12px}.image-failure button{font-size:11px;border:0;background:transparent;display:flex;align-items:center;gap:4px;color:#518ce0}.context-card{border:1px solid var(--share-translation-border);border-radius:10px;padding:11px 12px 9px;margin:0 0 16px;background:var(--share-card);min-width:0}.context-heading{display:flex;align-items:center;gap:5px;font-size:10px;color:#8792a4;margin-bottom:9px}.context-card .post-author{gap:8px;margin-bottom:9px}.context-card .avatar{width:28px;height:28px;font-size:14px}.context-card .author-name{font-size:12px;line-height:1.4;font-weight:650;gap:4px}.context-card .verified{width:13px;height:13px}.context-card .author-meta{font-size:9px;color:#8792a4}.context-text{font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.context-translation{margin-top:10px;border-top:1px solid var(--share-translation-border);padding-top:8px;color:#515d70}.context-translation-label{color:#8792a4;font-size:9px;margin-bottom:4px;overflow-wrap:anywhere}.context-card .post-media{margin:10px 0 0}.context-card .post-image{max-height:180px;object-fit:contain}.context-card .multiple .post-image{height:130px}.context-source{display:block;margin-top:8px;font-size:9px;line-height:1.6;color:#8b95a7;overflow-wrap:anywhere}.context-source:hover{color:var(--share-accent)}.context-note,.context-unavailable{font-size:11px;line-height:1.7;color:#8b95a7;margin:7px 0 0}.context-editor-select{margin-bottom:12px}.context-editor-select select{padding-left:12px}@media(max-width:560px){.source-meta{flex-wrap:wrap;gap:8px 12px}.sample-actions{gap:10px}}.translation-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:18px;margin-bottom:7px;color:#5d6b80;font-size:12px}.source-language-field[data-enabled=false] .translation-toggle-row{height:39px;margin-bottom:0}.settings-panel[data-translation=false] .display-options{padding-top:0}@media(max-width:560px){.translation-toggle-row{font-size:11px;margin-bottom:6px}}.configured-dot{width:5px;height:5px;border-radius:50%;background:var(--blue)}.ai-settings-modal{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.ai-settings-form{display:grid;gap:14px}.ai-settings-form label{display:grid;gap:7px;font-size:12px;color:#5d6b80}.ai-settings-form input,.ai-settings-form select{width:100%;min-width:0;height:39px;padding:0 10px;border:1px solid #dde4ee;border-radius:7px;outline:0;background:#fcfdff;color:#34425b}.ai-settings-form input:focus,.ai-settings-form select:focus{border-color:#75adfa;box-shadow:0 0 0 3px #1875ef0b}.ai-settings-form .field-hint{margin:-7px 0 0}.ai-settings-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding-top:4px}.ai-settings-actions .primary{min-height:36px;padding:0 16px}.image-loading{min-height:140px;width:100%;background:#f2f5f9;border-radius:7px}.avatar-loading{background:#f2f5f9}@media(max-width:480px){.header-actions{gap:4px}.help-button{font-size:11px;gap:4px}.logo{font-size:17px}}:root{color-scheme:light}.header-actions{display:flex;align-items:center;gap:12px}.theme-picker{position:relative;flex-shrink:0}.theme-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #e4e9f1;border-radius:8px;background:#fcfdff;color:#657187}.theme-trigger:hover,.theme-trigger[aria-expanded=true]{background:#edf4ff;color:#1875ef;border-color:#bcd6fa}.theme-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:154px;padding:5px;border:1px solid #e4e9f1;border-radius:10px;background:#fff;box-shadow:0 8px 28px #142b4c24}.theme-menu button{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;border:0;border-radius:6px;padding:0 9px;background:transparent;color:#657187;text-align:left;font-size:12px}.theme-menu button:hover,.theme-menu button:focus-visible{background:#f0f5fc}.theme-menu button[aria-checked=true]{color:#1766cb;background:#edf4ff}.theme-check{margin-left:auto}:root[data-theme=dark]{color-scheme:dark;color:#e5edf8;background:#0b1120;--border: #293c56}:root[data-theme=dark] body{min-height:100dvh;background:radial-gradient(ellipse 800px 400px at 50% -180px,#244e8540,transparent),#0b1120}:root[data-theme=dark] .site-header{background:#101b2c;border-color:#263850}:root[data-theme=dark] :is(.source-panel,.control-panel,.preview-panel){background:#131f31;border-color:#2b3e58;box-shadow:0 3px 12px #00000014}:root[data-theme=dark] :is(.field-label,.toggle-title,.translation-toggle-row,.preview-heading h2,.help-modal ol,.ai-settings-form label){color:#b5c6de}:root[data-theme=dark] :is(.help-button,.text-button,.settings-jump){color:#9db2cd}:root[data-theme=dark] :is(.help-button:hover,.text-button:hover:not(:disabled),.settings-jump:hover,.sample-actions button:hover,.guide-link:hover){color:#9ac5ff}:root[data-theme=dark] :is(.url-field,.select-wrap){background:#0e1829;border-color:#344964;color:#94a9c5}:root[data-theme=dark] :is(.url-field input,.select-wrap select){color:#dfebfa}:root[data-theme=dark] .url-field button{color:#9db2cc}:root[data-theme=dark] :is(.url-field input::placeholder,textarea::placeholder,.ai-settings-form input::placeholder){color:#8499b5}:root[data-theme=dark] :is(.url-field:focus-within,.select-wrap:focus-within,.translation-editor textarea:focus,.ai-settings-form input:focus,.ai-settings-form select:focus){border-color:#609be9;box-shadow:0 0 0 3px #3d83e21f}:root[data-theme=dark] .primary{background:#276ed1;border-color:#4788e4;box-shadow:inset 0 1px #ffffff12}:root[data-theme=dark] .primary:hover:not(:disabled){background:#2b73d8}:root[data-theme=dark] :is(.platform-pill,.sample-actions,.field-hint,.export-format,.guide-link,.help-modal li p){color:#92a7c4}:root[data-theme=dark] .sample-actions button{color:#a4bad7}:root[data-theme=dark] .segmented{background:#0d1727;border-color:#293b54}:root[data-theme=dark] .segmented button{color:#99adca}:root[data-theme=dark] .segmented .selected{color:#bdd9ff;background:#253e60;box-shadow:inset 0 0 0 1px #6396d44a}:root[data-theme=dark] .toggle{background:#3c4c63}:root[data-theme=dark] .toggle.on{background:#3d8af0}:root[data-theme=dark] .translation-editor{border-color:#2a3b52}:root[data-theme=dark] :is(.translation-editor textarea,.ai-settings-form input,.ai-settings-form select){background:#0e1829;color:#ccdbef;border-color:#344964}:root[data-theme=dark] .preview-chip{background:#1b2c44;border-color:#314965;color:#adbfda}:root[data-theme=dark] .icon-button{color:#9cb2cf}:root[data-theme=dark] .icon-button:hover{background:#243a56;color:#bdd9ff}:root[data-theme=dark] .preview-stage{background:#090f1c}:root[data-theme=dark] .preview-viewport{box-shadow:0 8px 28px #00000040}:root[data-theme=dark] .empty-preview{color:#9bb0ce}:root[data-theme=dark] .notice{background:#142b46;border-color:#2b4d73;color:#b9d1f0}:root[data-theme=dark] .notice.error{background:#342027;border-color:#68414b;color:#ffc0b0}:root[data-theme=dark] .modal-backdrop{background:#030812b8}:root[data-theme=dark] .help-modal{background:#152237;border-color:#354b68;box-shadow:0 20px 80px #0006}:root[data-theme=dark] .close-modal{background:#152237f0}:root[data-theme=dark] .zoom-modal{background:#0c1524}:root[data-theme=dark] .theme-trigger{background:#192940;border-color:#344b69;color:#aec7e8}:root[data-theme=dark] .theme-trigger:hover,:root[data-theme=dark] .theme-trigger[aria-expanded=true]{background:#244064;border-color:#5389cc;color:#d3e5ff}:root[data-theme=dark] .theme-menu{background:#192940;border-color:#3a506f;box-shadow:0 10px 32px #0006}:root[data-theme=dark] .theme-menu button{color:#b5c8e2}:root[data-theme=dark] .theme-menu button:hover,:root[data-theme=dark] .theme-menu button:focus-visible{background:#263d5b}:root[data-theme=dark] .theme-menu button[aria-checked=true]{background:#29486d;color:#d1e5ff}.share-image{color-scheme:only light}@media(max-width:480px){.header-actions{gap:6px}.theme-trigger{width:30px;height:30px}}