:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #f8fafb;--ink: #17212b;--ink-soft: #31414f;--muted: #667382;--line: #dce3e8;--line-strong: #c8d3da;--accent: #0f7b6c;--accent-dark: #095f54;--accent-soft: #e5f4f1;--accent-warm: #d95d39;--warm-soft: #fff1ec;--warning: #8a5a00;--warning-soft: #fff6de;--danger: #b42318;--danger-soft: #fff0ee;--success: #147a55;--success-soft: #e8f6ef;--shadow-sm: 0 10px 24px rgba(23, 33, 43, .07);--shadow-md: 0 22px 60px rgba(23, 33, 43, .11)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;margin:0;color:var(--ink);background:linear-gradient(180deg,#ffffff 0,#f6f8fa 280px,var(--bg) 100%)}button,input,textarea,select{font:inherit}button,a,summary,label.file-picker{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}.app-shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:22px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.brand-lockup,.auth-brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-lockup span:last-child,.auth-brand span:last-child{display:grid;gap:2px}.brand-lockup strong,.auth-brand strong{font-size:1.06rem;line-height:1.1}.brand-lockup small{color:var(--muted);font-size:.82rem;line-height:1.2}.brand-mark{display:grid;place-items:center;width:44px;height:44px;color:#fff;background:var(--accent);border-radius:8px;box-shadow:0 12px 24px #0f7b6c33;flex:0 0 auto}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.identity-pill,.quiet-button,.icon-button,.result-block button,.download-card button,.package-card button,.share-card button,.access-form button,.auth-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;border-radius:8px;font-size:.9rem;font-weight:800;text-decoration:none;white-space:nowrap}.identity-pill{color:var(--accent-dark);background:var(--accent-soft);border:1px solid #c6e3dc}.quiet-button{color:var(--ink-soft);background:#fff;border:1px solid var(--line)}.quiet-button:hover,.icon-button:hover,.result-block button:hover,.download-card button:hover{color:var(--accent-dark);border-color:#a9cfc8}.hero-strip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:26px;align-items:end;padding:26px 0 30px}.hero-strip h1{max-width:760px;margin-bottom:14px;font-size:3.15rem;line-height:1.08;letter-spacing:0}.hero-strip p{max-width:760px;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rule-item{min-width:0;padding:14px;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.rule-item svg{color:var(--accent)}.rule-item span,.rule-item strong{display:block;margin-top:8px}.rule-item span{color:var(--muted);font-size:.78rem;font-weight:800}.rule-item strong{overflow-wrap:anywhere;color:var(--ink);font-size:.95rem;line-height:1.3}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.account-panel{position:sticky;top:18px;display:grid;gap:14px}.account-card,.access-form,.trust-list,.tool-panel,.composer-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.account-card{display:flex;gap:14px;padding:18px}.card-icon{display:grid;place-items:center;width:42px;height:42px;color:var(--accent-dark);background:var(--accent-soft);border-radius:8px;flex:0 0 auto}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:0}.account-card h2,.tool-header h2{margin:0;font-size:1.35rem;line-height:1.2;letter-spacing:0}.account-card p:last-child{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.access-form{display:grid;gap:12px;padding:16px}.access-form label,.text-area-label,.password-box label,.select-label{display:grid;gap:8px;color:var(--ink-soft);font-size:.92rem;font-weight:800}.access-form input,.password-box input,.advanced-options select,.lifecycle-controls select{width:100%;min-height:44px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline:none}.access-form input:focus,.password-box input:focus,.advanced-options select:focus,.lifecycle-controls select:focus,.text-area-label textarea:focus,.result-block textarea:focus{border-color:#7dbdb2;box-shadow:0 0 0 3px #0f7b6c1f}.access-form button,.auth-link{color:#fff;background:var(--accent);border:1px solid var(--accent)}.access-form p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.trust-list{display:grid;overflow:hidden;box-shadow:none}.trust-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}.trust-item svg{margin-top:2px;color:var(--accent)}.trust-item strong,.trust-item span{display:block}.trust-item strong{color:var(--ink);font-size:.92rem}.trust-item span{margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.45}.security-warning{display:flex;align-items:center;gap:10px;padding:13px 14px;color:var(--danger);background:var(--danger-soft);border:1px solid #ffc8c1;border-radius:8px;font-weight:800}.tool-panel{min-width:0;padding:18px;box-shadow:var(--shadow-md)}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 4px 16px}.icon-button{width:40px;padding:0;color:var(--muted);background:var(--surface-soft);border:1px solid var(--line);flex:0 0 auto}.mode-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px;margin-bottom:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.segmented{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;background:#e9eef2;border-radius:8px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;min-height:40px;padding:8px 13px;color:var(--muted);background:transparent;border:0;border-radius:6px;font-size:.92rem;font-weight:900}.segmented button.active{color:var(--accent-dark);background:#fff;box-shadow:0 6px 16px #17212b14}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:16px}.composer-card,.result-card{min-width:0;padding:18px;box-shadow:none}.section-heading{margin-bottom:16px}.section-heading h3{margin-bottom:6px;font-size:1.12rem;line-height:1.28}.section-heading p{margin-bottom:0;color:var(--muted);font-size:.92rem;line-height:1.55}.text-area-label textarea,.result-block textarea{width:100%;min-height:252px;padding:14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline:none;resize:vertical;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.55}.text-area-label textarea::placeholder,.result-block textarea::placeholder,.access-form input::placeholder,.password-box input::placeholder{color:#9aa5af}.file-picker{display:grid;gap:10px;color:var(--ink-soft);font-size:.92rem;font-weight:800}.file-picker input{inline-size:1px;block-size:1px;position:absolute;opacity:0;pointer-events:none}.file-picker>div{display:grid;place-items:center;gap:10px;min-height:252px;padding:24px;text-align:center;color:var(--ink-soft);background:linear-gradient(180deg,#fff 0,#f8fbfb);border:1px dashed #9fcac2;border-radius:8px}.file-picker:hover>div{border-color:var(--accent);background:var(--accent-soft)}.file-picker svg{color:var(--accent)}.file-picker strong,.file-picker small{overflow-wrap:anywhere}.file-picker small{color:var(--muted);font-size:.86rem;font-weight:600;line-height:1.45}.password-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.66fr);gap:12px;align-items:end;margin-top:16px}.password-box label>span,.advanced-options summary span{display:flex;align-items:center;gap:8px}.password-meter{min-height:80px;padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.password-meter strong{display:block;margin-top:8px;color:var(--ink);font-size:.88rem}.password-meter p{margin:4px 0 0;color:var(--muted);font-size:.8rem;line-height:1.38}.meter-track,.progress-track{overflow:hidden;height:8px;background:#dde6eb;border-radius:999px}.meter-track span,.progress-track span{display:block;height:100%;transition:width .18s ease}.password-meter.weak .meter-track span{background:var(--danger)}.password-meter.usable .meter-track span{background:var(--accent-warm)}.password-meter.strong .meter-track span,.password-meter.excellent .meter-track span,.progress-track span{background:var(--success)}.advanced-options{margin-top:14px;color:var(--ink-soft);border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.advanced-options summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:0 12px;cursor:pointer;font-size:.9rem;font-weight:900;list-style:none}.advanced-options summary::-webkit-details-marker{display:none}.advanced-options[open]{padding-bottom:12px}.advanced-options .select-label{padding:0 12px}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:16px;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:8px;font-weight:900;box-shadow:0 14px 26px #0f7b6c33}.primary-action:hover:not(:disabled),.access-form button:hover:not(:disabled),.package-card button:hover:not(:disabled),.share-card button:hover:not(:disabled),.auth-link:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.status-card{display:grid;gap:12px;min-height:56px;padding:13px 14px;margin-bottom:16px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;font-size:.92rem;font-weight:750}.status-card>div:first-child{display:flex;align-items:center;gap:10px}.status-card svg{flex:0 0 auto}.status-card.working{color:var(--accent-dark);background:var(--accent-soft);border-color:#b8ded7}.status-card.success{color:var(--success);background:var(--success-soft);border-color:#bce1d0}.status-card.error{color:var(--danger);background:var(--danger-soft);border-color:#ffc7c1}.result-block{display:grid;gap:8px}.result-block>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink-soft);font-size:.92rem;font-weight:900}.result-block button,.download-card button{color:var(--ink-soft);background:#fff;border:1px solid var(--line)}.download-card,.package-card,.share-card,.send-tip{margin-top:12px;border-radius:8px}.download-card,.share-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line)}.download-card{background:#fff}.download-card>div,.share-card>div,.package-card-header>div{display:flex;align-items:center;gap:12px;min-width:0}.download-card svg,.package-card svg,.share-card svg{color:var(--accent);flex:0 0 auto}.download-card strong,.download-card span,.package-card strong,.package-card span,.share-card strong,.share-card a,.share-card span{display:block}.download-card strong,.package-card strong,.share-card strong{overflow-wrap:anywhere;color:var(--ink);font-size:.95rem}.download-card span,.package-card span,.share-card a,.share-card span{overflow-wrap:anywhere;color:var(--muted);font-size:.84rem;line-height:1.45}.package-card{padding:14px;background:var(--accent-soft);border:1px solid #b8ded7}.package-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.package-card button,.share-card button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.lifecycle-controls{display:grid;gap:12px;padding-top:12px;margin-top:12px;border-top:1px solid rgba(15,123,108,.18)}.lifecycle-controls p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.switch-row{display:flex;align-items:flex-start;gap:10px;padding:12px;color:var(--ink-soft);background:#fff;border:1px solid #cde6e0;border-radius:8px}.switch-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:0 0 auto}.switch-row span,.switch-row strong,.switch-row small{display:block}.switch-row strong{color:var(--ink);font-size:.92rem}.switch-row small{margin-top:3px;color:var(--muted);font-size:.8rem;line-height:1.45}.share-card{background:var(--success-soft);border-color:#bce1d0}.share-card a{color:var(--success);text-decoration:none}.send-tip{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;color:#684817;background:var(--warning-soft);border:1px solid #efd79c}.send-tip svg{margin-top:2px;color:var(--warning);flex:0 0 auto}.send-tip p{margin:0;color:#684817;font-size:.88rem;line-height:1.5}.conversation-panel{grid-column:1 / -1;min-width:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-md)}.conversation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 4px 16px;border-bottom:1px solid var(--line)}.conversation-header h2{margin:0 0 8px;font-size:1.35rem;line-height:1.22;letter-spacing:0}.conversation-header p:not(.eyebrow){max-width:780px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.6}.conversation-state{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 12px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;font-size:.88rem;font-weight:900;white-space:nowrap}.conversation-state[data-ready=true]{color:var(--success);background:var(--success-soft);border-color:#bce1d0}.conversation-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1fr) minmax(320px,.86fr);gap:16px;padding-top:16px}.conversation-setup,.video-stage,.conversation-chat{min-width:0;padding:16px;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px}.conversation-setup{display:grid;align-content:start;gap:14px}.conversation-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.conversation-actions button,.media-controls button,.inline-field button,.message-compose button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;padding:0 12px;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:8px;font-size:.88rem;font-weight:900;white-space:nowrap}.conversation-actions button:hover:not(:disabled),.media-controls button:hover:not(:disabled),.inline-field button:hover:not(:disabled){color:var(--accent-dark);border-color:#a9cfc8}.conversation-actions .danger-button{color:var(--danger);background:var(--danger-soft);border-color:#ffc7c1}.text-field-label{display:grid;gap:8px;color:var(--ink-soft);font-size:.9rem;font-weight:900}.text-field-label input,.message-compose input{width:100%;min-height:44px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;outline:none}.text-field-label input:focus,.message-compose input:focus{border-color:#7dbdb2;box-shadow:0 0 0 3px #0f7b6c1f}.inline-field{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.inline-field button{width:44px;padding:0}.media-controls{display:grid;grid-template-columns:1fr;gap:8px}.conversation-status{display:flex;align-items:flex-start;gap:10px;padding:12px;color:#315365;background:#edf4f7;border:1px solid #cfe0e7;border-radius:8px;font-size:.86rem;font-weight:800;line-height:1.45}.conversation-status svg{margin-top:1px;color:#386b82;flex:0 0 auto}.video-stage{display:grid;grid-template-rows:minmax(240px,1fr) minmax(128px,.46fr);gap:10px;padding:10px;background:#eaf0f3}.video-stage>div{position:relative;overflow:hidden;min-height:128px;background:linear-gradient(135deg,#111b22,#1b2b34);border:1px solid #253943;border-radius:8px}.video-stage video{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;background:transparent}.video-stage span{position:absolute;z-index:1;top:10px;left:10px;padding:5px 8px;color:#fff;background:#0a1218ad;border:1px solid rgba(255,255,255,.16);border-radius:6px;font-size:.78rem;font-weight:900}.conversation-chat{display:grid;grid-template-rows:minmax(310px,1fr) auto;gap:12px}.message-list{display:flex;flex-direction:column;gap:10px;min-height:310px;max-height:460px;overflow:auto;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.message-row{display:grid;gap:4px;max-width:88%}.message-row span{color:var(--muted);font-size:.74rem;font-weight:900}.message-row p{margin:0;padding:9px 11px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}.message-row.me{align-self:flex-end}.message-row.me span{text-align:right}.message-row.me p{color:#fff;background:var(--accent);border-color:var(--accent)}.message-row.system{max-width:100%;align-self:stretch}.message-row.system span{display:none}.message-row.system p{color:#315365;background:#edf4f7;border-color:#cfe0e7;font-size:.82rem}.message-row.error p{color:var(--danger);background:var(--danger-soft);border-color:#ffc7c1}.message-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.message-compose button{color:#fff;background:var(--accent);border-color:var(--accent)}.message-compose button:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:20px}.auth-card{width:min(100%,520px);padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-md)}.auth-brand{margin-bottom:22px}.auth-card h1{margin-bottom:12px;font-size:2rem;line-height:1.12;letter-spacing:0}.auth-card p{margin-bottom:18px;color:var(--muted);line-height:1.65}@media(max-width:1180px){.hero-strip,.workspace,.form-grid{grid-template-columns:1fr}.tool-panel{order:1}.account-panel{order:2;position:static;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.conversation-panel{order:3}.trust-list,.security-warning{grid-column:1 / -1}.conversation-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.conversation-chat{grid-column:1 / -1}}@media(max-width:760px){.app-shell{padding:14px}.site-header,.hero-strip,.mode-bar,.download-card,.share-card,.package-card-header,.conversation-header,.conversation-actions,.conversation-grid,.message-compose{display:grid;grid-template-columns:1fr}.header-actions{justify-content:stretch}.identity-pill,.quiet-button{width:100%}.hero-strip{gap:16px;padding:12px 0 14px}.hero-strip h1{font-size:2rem;line-height:1.12;margin-bottom:10px}.hero-strip p{font-size:1rem;line-height:1.65}.hero-rules{display:none}.account-panel,.password-box{grid-template-columns:1fr}.tool-panel,.conversation-panel,.composer-card,.result-card,.account-card,.access-form{padding:16px}.mode-bar{gap:10px}.segmented{width:100%}.segmented button{min-width:0;padding-inline:8px}.text-area-label textarea,.result-block textarea,.file-picker>div{min-height:220px}.conversation-state,.conversation-actions button,.media-controls button,.message-compose button{width:100%}.video-stage{grid-template-rows:minmax(220px,1fr) minmax(150px,.58fr)}.message-list{min-height:260px}}@media(max-width:430px){.app-shell{padding:10px}.hero-strip h1{font-size:1.82rem}.brand-lockup small{display:none}.segmented button{gap:6px;font-size:.86rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}