:root{color:#111827;background:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{height:100svh;min-height:0;display:grid;grid-template-columns:minmax(400px,440px) minmax(0,1fr);grid-template-rows:48px minmax(0,1fr);overflow:hidden;background:#f7f8fa}.topbar{grid-column:1 / -1;height:48px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#fff}.brand{font-size:14px;font-weight:700;white-space:nowrap}.session-title{min-width:150px;width:260px;border:0;outline:none;color:#374151;font-size:13px}.save-state{margin-left:auto;color:#6b7280;font-size:12px}.save-state.warning,.notice.warning{color:#b45309}.primary-button,.selection-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #2563eb;border-radius:7px;background:#2563eb;color:#fff;font-size:13px;font-weight:650;min-height:34px;padding:0 12px}.primary-button:hover,.selection-button:hover{background:#1d4ed8}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 12px;border:1px solid #bfd0e7;border-radius:7px;background:#fff;color:#1e3a5f;font-size:13px;font-weight:650}.secondary-button:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.clear-button{flex:0 0 auto}.guide-button{margin-left:4px}.feedback-pane{min-height:0;overflow:auto;background:#fff;border-right:1px solid #e5e7eb}.preview-pane{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pane-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #eef0f2}.pane-heading>div{min-width:0}.eyebrow{margin:0 0 3px;color:#6b7280;font-size:10px}h1{margin:0;font-size:15px;line-height:1.35}.pane-heading h1{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.count-chip{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;line-height:1;white-space:nowrap}.page-list,.feedback-list{border-bottom:1px solid #eef0f2}.list-heading{padding:7px 16px 5px;border-bottom:1px solid #eef0f2;background:#f8fafc;color:#64748b;font-size:10px;font-weight:650}.page-item,.feedback-row>button:first-child{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:10px 16px;color:#374151;text-align:left;font-size:12px}.page-item{min-height:34px;padding-top:7px;padding-bottom:7px}.page-item:hover{background:#f8fafc;color:#1d4ed8}.page-item span,.feedback-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-item em{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:#94a3b8;font-style:normal}.page-item b{color:#2563eb;font-size:10px;font-weight:650}.empty-copy{margin:0;padding:13px 18px;color:#9ca3af;font-size:12px;line-height:1.55}.feedback-row{display:flex;align-items:center;border-top:1px solid #f3f4f6}.feedback-row.selected{border-left:4px solid #2563eb;background:#dbeafe}.feedback-row.selected>button:first-child{background:transparent;color:#0f3b84;font-weight:650}.feedback-row.editing{border-left-color:#1d4ed8;background:#bfdbfe}.feedback-row.editing>button:first-child{box-shadow:inset 4px 0 #1d4ed8}.feedback-row small{display:block;margin-top:3px;color:#9ca3af;font-size:11px}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid #dfe3e8;border-radius:6px;color:#4b5563;background:#fff}.icon-button:hover{border-color:#93c5fd;color:#1d4ed8}.icon-button.danger{width:28px;height:28px;margin-right:10px;border-color:transparent}.icon-button.danger:hover{color:#b91c1c;background:#fef2f2}.duplicate-resolution{display:grid;gap:10px;margin:12px 18px 0;padding:11px;border:1px solid #bfdbfe;border-radius:7px;background:#eff6ff;color:#1e3a5f;font-size:12px;line-height:1.55}.duplicate-resolution p{margin:0}.duplicate-resolution>div{display:flex;flex-wrap:wrap;gap:14px}.conversation-area{padding:16px 18px 0}.selection-summary{display:grid;gap:4px;padding:10px 11px;border-left:3px solid #2563eb;background:#f8fafc;font-size:12px}.selection-summary span{color:#6b7280}.selection-summary strong{color:#1f2937}.target-list{display:flex;flex-wrap:wrap;gap:5px}.target-chip{padding:3px 6px;border:1px solid #dbe2ea;border-radius:999px;background:#fff;color:#4b5563;font-size:11px;line-height:1.35}.selection-actions{display:flex;flex-wrap:wrap;gap:10px}.text-button{display:inline-flex;align-items:center;gap:4px;width:max-content;padding:0;border:0;color:#2563eb;background:transparent;font-size:12px}.chat-history{display:grid;gap:9px;margin:16px 0}.message-group{display:grid;gap:5px;max-width:92%}.message-group.user{justify-self:end;justify-items:end}.message-group.assistant{justify-self:start;justify-items:start}.message,.assistant-note{width:fit-content;max-width:100%;margin:0;padding:9px 10px;border-radius:7px;font-size:13px;line-height:1.55}.message.user{justify-self:end;background:#2563eb;color:#fff}.message.assistant,.assistant-note{background:#f3f4f6;color:#374151}.message-attachments{display:flex;flex-wrap:wrap;gap:5px;max-width:100%}.message-attachment{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 6px;border:1px solid #dbe2ea;border-radius:6px;background:#fff;color:#475569;font-size:11px}.message-attachment b{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.message-attachment small{color:#64748b;white-space:nowrap}.quick-replies{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.quick-replies button,.scope-options button{min-height:30px;padding:0 9px;border:1px solid #dbe2ea;border-radius:6px;background:#fff;color:#374151;font-size:12px}.quick-replies button:hover,.scope-options button:hover,.scope-options button.selected{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.composer,.confirmation-summary,.withdrawal-summary{display:grid;gap:8px}.composer{position:sticky;bottom:0;z-index:2;margin:18px -18px 0;padding:12px 18px 16px;border-top:1px solid #e5e7eb;background:#fff;box-shadow:0 -10px 20px #0f172a0d}.composer>span,.confirmation-summary>span{color:#374151;font-size:12px;font-weight:650}.composer-box{display:grid;gap:7px;padding:11px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 24px #0f172a14}.composer-box textarea{min-height:48px;padding:3px 4px 0;border:0;border-radius:0;resize:none;box-shadow:none}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px}.composer-tools{min-width:0;display:flex;align-items:center;gap:8px}.composer-icon-button,.composer-send-button{display:inline-grid;place-items:center;border:0;border-radius:999px}.composer-icon-button{width:28px;height:28px;background:transparent;color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none}.composer-icon-button:hover{background:#f3f4f6;color:#2563eb}.composer-icon-button:focus-visible{background:#eff6ff;color:#2563eb;outline:2px solid rgba(37,99,235,.35);outline-offset:2px}.composer-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);opacity:0;pointer-events:none;white-space:nowrap}.composer-send-button{flex:0 0 auto;width:34px;height:34px;background:#6b7280;color:#fff}.composer-send-button:not(:disabled):hover{background:#2563eb}.thinking-select{min-width:0;height:28px;display:inline-flex;align-items:center;gap:4px;color:#4b5563;font-size:12px}.thinking-select select{max-width:116px;height:28px;padding:0 2px;border:0;outline:none;background:transparent;color:#4b5563;font-size:12px;appearance:none}.thinking-select:focus-within{color:#2563eb}.composer-attachments{display:grid;gap:6px}.composer-attachment{min-width:0;display:grid;grid-template-columns:36px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:6px;border:1px solid #e5e7eb;border-radius:9px;background:#f9fafb}.composer-attachment.failed{border-color:#fecaca;background:#fef2f2}.composer-attachment img{width:36px;height:36px;border-radius:6px;object-fit:cover;background:#e5e7eb}.composer-attachment span{min-width:0;display:grid;gap:2px}.composer-attachment b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1f2937;font-size:12px}.composer-attachment small{color:#64748b;font-size:11px}.composer-attachment.failed small{color:#b91c1c}.composer-attachment .icon-button{width:26px;height:26px;border-color:transparent;background:transparent}textarea{width:100%;resize:vertical;padding:9px 10px;border:1px solid #dbe2ea;border-radius:6px;outline:none;color:#111827;line-height:1.5}textarea:focus,.url-control input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.composer-box textarea:focus{border-color:transparent;box-shadow:none}.confirmation-summary{margin-top:20px;padding:14px;border:1px solid #bfdbfe;border-radius:7px;background:linear-gradient(145deg,#f8fbff,#eff6ff);box-shadow:0 8px 18px #2563eb12}.confirmation-summary>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.confirmation-summary>header>span{color:#18345d;font-size:13px;font-weight:750}.confirmation-summary>header>b{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:11px;white-space:nowrap}.confirmation-summary>header>b.confirmed{display:inline-flex;align-items:center;gap:4px;background:#dcfce7;color:#166534}.draft-field{display:grid;gap:4px;padding:10px;border:1px solid #dbeafe;border-radius:6px;background:#ffffffbf}.draft-field small,.draft-meta span{color:#64748b;font-size:11px}.draft-field p{margin:0;color:#1f2937;font-size:13px;line-height:1.55}.draft-meta{display:grid;gap:7px}.draft-meta span{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:start}.draft-meta strong{color:#334155;font-size:12px;font-weight:650;line-height:1.5}.draft-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:2px}.draft-actions>button{width:100%}.confirmation-summary>small{color:#4b5563;font-size:12px;line-height:1.55}.ai-thinking{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:-5px 0 13px;padding:8px 10px;border:1px solid #dbeafe;border-radius:7px;background:#f8fbff;color:#315b93;font-size:12px;line-height:1.4}.thinking-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dbeafe;color:#2563eb;animation:thinking-breathe 1.5s ease-in-out infinite}.ai-thinking i{width:3px;height:3px;border-radius:50%;background:#60a5fa;animation:thinking-dots 1.1s ease-in-out infinite}.ai-thinking i:nth-of-type(2){animation-delay:.16s}.ai-thinking i:nth-of-type(3){animation-delay:.32s}.button-spinner{animation:button-spin 1s linear infinite}@keyframes thinking-breathe{0%,to{box-shadow:0 0 #2563eb14;transform:scale(1)}50%{box-shadow:0 0 0 6px #2563eb1a;transform:scale(1.04)}}@keyframes thinking-dots{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes button-spin{to{transform:rotate(360deg)}}.withdrawal-summary{margin-top:20px;padding:13px;border:1px solid #fbbf24;border-radius:7px;background:#fffbeb}.withdrawal-summary strong{color:#78350f;font-size:13px}.withdrawal-summary p{margin:0;color:#92400e;font-size:12px;line-height:1.55}.withdrawal-summary>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.confirm-button{margin-top:3px;width:100%}.empty-workspace{display:grid;justify-items:center;gap:9px;padding:48px 24px;color:#9ca3af;text-align:center;font-size:13px}.preview-toolbar{position:sticky;top:0;z-index:3;flex:0 0 48px;height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid #e5e7eb;background:#fff}.url-control{min-width:0;flex:1;display:flex;align-items:center;gap:7px;height:32px;padding-left:9px;border:1px solid #dbe2ea;border-radius:6px;background:#fff;color:#6b7280}.url-control select{flex:0 0 126px;height:30px;border:0;border-right:1px solid #e5e7eb;outline:none;background:#fff;color:#374151;font-size:12px}.url-control input{min-width:0;flex:1;height:30px;border:0;outline:none;color:#374151;font-size:12px}.url-control button{height:30px;border:0;border-left:1px solid #dbe2ea;background:#f9fafb;color:#374151;padding:0 10px;font-size:12px}.preview-actions{display:flex;align-items:center;gap:6px}.selection-button{min-width:105px;height:32px;padding:0 10px;font-size:12px}.selection-button.active{background:#1d4ed8}.translation-button.active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.notice{margin:0;padding:8px 14px;border-bottom:1px solid #fde68a;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.45}.feedback-notice{display:none}iframe{flex:1;min-height:0;min-width:0;width:100%;border:0;background:#fff}iframe.frame-handshaking{pointer-events:none}.mobile-switcher{display:none}.login-shell{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:grid;place-items:center;padding:24px;background:#eef6ff}.login-shell:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url(/ai-login-bg.jpg);background-size:cover;background-position:center;opacity:.2;filter:saturate(.85) brightness(1.18);transform:scale(1.02)}.login-shell:after{content:"";position:absolute;inset:0;z-index:-1;background:#f8fbffcc}.login-panel{position:relative;width:min(100%,390px);display:grid;gap:14px;padding:28px;border:1px solid rgba(188,211,235,.92);border-radius:8px;background:#fffffff0;box-shadow:0 24px 64px #2d578429}.login-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:8px 8px 0 0;background:#2563eb;opacity:.58}.login-panel h1{margin-top:8px;font-size:20px}.login-panel p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.login-panel label{display:grid;gap:7px;color:#334155;font-size:12px;font-weight:650}.login-panel input{min-height:38px;padding:8px 10px;border:1px solid #dbe2ea;border-radius:6px;outline:none}.login-panel input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.login-panel .primary-button{width:100%}.login-error{color:#b91c1c!important}.guide-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0f172a61}.guide-dialog{width:min(100%,440px);padding:24px;border-radius:8px;background:#fff;box-shadow:0 18px 42px #0f172a33}.guide-dialog h1{font-size:18px}.guide-dialog ol{display:grid;gap:11px;margin:18px 0 22px;padding-left:22px;color:#475569;font-size:13px;line-height:1.6}@media(max-width:1023px){.app-shell{display:block;min-height:100svh}.topbar{position:sticky;top:0;z-index:4}.brand{display:none}.session-title{min-width:0;width:1fr;flex:1}.save-state{display:none}.guide-button{margin-left:0}.mobile-switcher{display:grid;grid-template-columns:1fr 1fr;height:42px;background:#fff;border-bottom:1px solid #e5e7eb}.mobile-switcher button{border:0;border-bottom:2px solid transparent;background:transparent;color:#6b7280;font-size:13px}.mobile-switcher button.active{border-color:#2563eb;color:#1d4ed8;font-weight:650}.feedback-pane,.preview-pane{display:none;height:calc(100svh - 90px);border:0}.feedback-pane.mobile-visible,.preview-pane.mobile-visible{display:flex}.feedback-pane.mobile-visible,.feedback-notice{display:block}.preview-toolbar{position:sticky;top:0;z-index:3;flex:0 0 auto;height:auto;flex-wrap:wrap;padding:8px}.url-control{flex-basis:100%}.url-control select{flex-basis:112px}.preview-actions{width:100%;justify-content:space-between}.selection-button{flex:1}}