:root{--background:#f7f7f5;--surface:#fff;--surface-subtle:#f3f3f1;--text:#202123;--text-soft:#656765;--text-faint:#6f716e;--border:#dededb;--border-strong:#c7c7c2;--accent:#10a37f;--accent-dark:#08745a;--accent-soft:#e9f7f2;--danger:#b42318;--danger-soft:#fff3f1;--shadow:0 1px 2px #00000008, 0 8px 28px #00000009}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100%;color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #10a37f38}button:disabled{cursor:not-allowed}.logo-mark{color:#fff;background:var(--text);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.logo-mark svg{width:24px;height:24px}.workbench-shell{min-height:100dvh}.skip-link{z-index:100;color:#fff;background:var(--text);border-radius:9px;padding:10px 14px;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f7f7f5e0;border-bottom:1px solid #dededbcc;justify-content:space-between;align-items:center;gap:20px;height:68px;padding:0 32px;display:flex;position:sticky;top:0}.app-brand,.login-brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:11px;font-size:15px;font-weight:650;text-decoration:none;display:flex}.header-actions{align-items:center;gap:12px;display:flex}.privacy-badge{color:var(--text-soft);align-items:center;gap:6px;font-size:12px;display:inline-flex}.privacy-badge svg{width:15px;height:15px;color:var(--accent)}.quiet-button{min-height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}.quiet-button:hover{color:var(--text);background:var(--surface-subtle);border-color:var(--border)}.quiet-button svg{width:16px;height:16px}.workbench-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;width:min(1280px,100% - 48px);margin:0 auto;padding:68px 0 52px;display:grid}.composer-column{min-width:0}.hero-copy{max-width:none;margin:0 0 34px 4px}.eyebrow,.login-kicker{color:var(--accent-dark);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.eyebrow svg{width:16px;height:16px}.hero-copy h1{white-space:nowrap;letter-spacing:-.045em;max-width:none;margin:14px 0 12px;font-size:clamp(32px,4.1vw,52px);font-weight:620;line-height:1.12}.hero-copy>p{color:var(--text-soft);margin:0;font-size:16px;line-height:1.7}.workspace-card,.result-card,.history-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px}.workspace-card{padding:26px}.section-heading,.result-heading,.history-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading>div,.result-heading>div,.history-header>div{align-items:center;gap:10px;display:flex}.section-heading h2,.result-heading h2,.history-header h2{letter-spacing:-.012em;margin:0;font-size:15px;line-height:1.3}.section-heading>span{color:var(--text-faint);font-size:12px}.step-number{width:24px;height:24px;color:var(--text-soft);background:var(--surface-subtle);border:1px solid var(--border);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:inline-grid}.style-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px;display:grid}.style-option{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:74px;padding:13px 14px;transition:border-color .16s,background .16s,transform .16s;display:flex}.style-option:hover:not(:disabled){border-color:var(--border-strong);transform:translateY(-1px)}.style-option[aria-pressed=true]{background:var(--accent-soft);border-color:#10a37f8c;box-shadow:inset 0 0 0 1px #10a37f1a}.style-option span{font-size:13px;font-weight:650}.style-option small{color:var(--text-faint);font-size:11px}.style-option[aria-pressed=true] small{color:var(--accent-dark)}.review-section{border-top:1px solid var(--border);margin-top:28px;padding-top:26px}.text-button{min-width:44px;min-height:44px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 7px;font-size:12px}.text-button:hover:not(:disabled){color:var(--text);background:var(--surface-subtle)}.text-button:disabled{opacity:.42}.input-mode-switch{background:var(--surface-subtle);border:1px solid #e8e8e5;border-radius:11px;grid-template-columns:1fr 1fr;gap:4px;width:min(340px,100%);margin-top:15px;padding:4px;display:grid}.input-mode-switch button{min-height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:12px;font-weight:620}.input-mode-switch button[aria-pressed=true]{color:var(--text);background:var(--surface);box-shadow:0 1px 4px #00000014}.input-mode-switch button:disabled{opacity:.58}.textarea-wrap{background:var(--surface);border:1px solid var(--border-strong);border-radius:15px;margin-top:15px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.textarea-wrap:focus-within{border-color:var(--text-soft);box-shadow:0 0 0 3px #20212312}.textarea-wrap.invalid{border-color:#b4231885}.textarea-wrap textarea{resize:vertical;width:100%;min-height:182px;color:var(--text);background:0 0;border:0;outline:0;padding:17px 17px 36px;font-size:15px;line-height:1.7;display:block}.textarea-wrap textarea::placeholder{color:#a1a29f}.review-image-drop-zone{border:1px dashed var(--border-strong);background:#fafaf9;border-radius:15px;min-height:182px;margin-top:15px;transition:border-color .16s,background .16s,box-shadow .16s;overflow:hidden}.review-image-drop-zone:focus-within{border-color:var(--text-soft);box-shadow:0 0 0 3px #20212312}.review-image-drop-zone.is-dragging{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 3px #10a37f1f}.review-image-empty{min-height:180px;color:var(--text-faint);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;display:flex}.review-image-empty[aria-disabled=true]{cursor:not-allowed;opacity:.62}.review-image-empty strong{color:var(--text);margin-top:6px;font-size:13px;font-weight:650}.review-image-empty small{font-size:10px;line-height:1.45}.review-image-symbol{width:42px;height:42px;color:var(--accent-dark);background:var(--accent-soft);border-radius:12px;place-items:center;font-size:12px;font-weight:700;display:grid}.review-image-preview{background:var(--surface);grid-template-columns:minmax(150px,40%) 1fr;gap:18px;min-height:180px;padding:14px;display:grid}.review-image-preview-image{border:1px solid var(--border);background:#f1f1ef;border-radius:10px;width:100%;height:154px;position:relative;overflow:hidden}.review-image-preview-image img{object-fit:contain}.review-image-preview-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.review-image-preview-copy strong{color:var(--text);font-size:13px}.review-image-preview-copy small{color:var(--text-faint);margin-top:6px;font-size:10px;line-height:1.55}.review-image-actions{gap:6px;margin-top:16px;display:flex}.review-image-actions button,.secondary-image-action{min-height:38px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 11px;font-size:11px;text-decoration:none;display:inline-flex}.review-image-actions button:hover:not(:disabled),.secondary-image-action:hover:not([aria-disabled=true]){color:var(--text);background:var(--surface-subtle)}.review-image-actions button:last-child:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.secondary-image-action[aria-disabled=true]{cursor:not-allowed;opacity:.5}.count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:11px;right:14px}.count.over{color:var(--danger)}.input-meta{justify-content:space-between;align-items:flex-start;gap:18px;min-height:26px;margin:9px 2px 0;display:flex}.input-meta p{color:var(--text-faint);margin:0;font-size:11px;line-height:1.55}.input-meta p:first-child{align-items:flex-start;gap:5px;display:inline-flex}.input-meta svg{flex:none;width:14px;height:14px;margin-top:1px}.input-meta .inline-error{color:var(--danger);text-align:right}.generate-button{color:#fff;background:var(--text);cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:18px;font-size:14px;font-weight:650;transition:background .16s,transform .16s;display:flex}.generate-button:hover:not(:disabled){background:#000;transform:translateY(-1px)}.generate-button:disabled{color:#9c9d9a;background:#e7e7e4}.generate-button svg{width:18px;height:18px}.loading-dot{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-message{color:var(--text-faint);text-align:center;margin:10px 0 0;font-size:11px}.request-error{color:var(--danger);background:var(--danger-soft);border:1px solid #ffd6d1;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:13px;padding:11px 13px;font-size:12px;display:flex}.request-error button{color:var(--danger);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 7px;font-weight:650}.result-card{min-height:260px;margin-top:18px;padding:26px}.result-heading>div:first-child{align-items:flex-start}.result-heading p{color:var(--text-faint);margin:4px 0 0;font-size:11px}.result-actions{gap:7px;display:flex}.result-actions button{min-height:44px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:11px;display:inline-flex}.result-actions button:hover:not(:disabled){color:var(--text);background:var(--surface-subtle)}.result-actions button:last-child{color:#fff;background:var(--text);border-color:var(--text)}.result-actions svg{width:14px;height:14px}.empty-result{min-height:178px;color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-result>span{width:40px;height:40px;color:var(--text-soft);background:var(--surface-subtle);border-radius:12px;place-items:center;display:grid}.empty-result p{color:var(--text-soft);margin:14px 0 4px;font-size:13px}.empty-result small{font-size:11px}.reply-text{color:#2f3131;white-space:pre-wrap;background:#fafaf9;border:1px solid #ececea;border-radius:13px;margin-top:24px;padding:20px;font-size:15px;line-height:1.85}.copy-status{color:var(--accent-dark);text-align:right;margin:10px 2px 0;font-size:11px}.history-panel{max-height:calc(100vh - 116px);position:sticky;top:92px;overflow:hidden}.history-header{border-bottom:1px solid var(--border);padding:20px}.history-header>div>svg{width:19px;height:19px;color:var(--text-soft)}.history-header p{color:var(--text-faint);margin:3px 0 0;font-size:10px}.history-header>button{min-height:44px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 6px;font-size:10px}.history-header>button:hover{color:var(--danger);background:var(--danger-soft)}.empty-history{min-height:240px;color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.empty-history>svg{opacity:.55;width:27px;height:27px}.empty-history p{color:var(--text-soft);margin:12px 0 4px;font-size:12px}.empty-history small{font-size:10px}.history-list{max-height:calc(100vh - 190px);padding:8px;overflow-y:auto}.history-item{border-radius:12px;position:relative}.history-item+.history-item{border-top:1px solid #eeeeeb;border-radius:0}.history-item:hover{background:var(--surface-subtle)}.history-load{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:13px 10px 56px}.history-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-meta b{color:var(--accent-dark);background:var(--accent-soft);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:650}.history-meta time{color:var(--text-faint);font-size:9px}.history-load>strong{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:12px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.history-load>p{color:var(--text-faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.history-actions{gap:3px;display:flex;position:absolute;bottom:6px;left:10px}.history-actions button{width:44px;height:44px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.history-actions button:hover{color:var(--text);background:#e7e7e4}.history-actions button:last-child:hover{color:var(--danger)}.history-actions svg{width:14px;height:14px}.workbench-shell>footer{color:var(--text-faint);text-align:center;padding:0 24px 30px;font-size:10px}.login-shell{background:radial-gradient(circle at 50% 0%, #10a37f12, transparent 30%), var(--background);place-items:center;min-height:100dvh;padding:28px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;width:min(430px,100%);padding:34px;box-shadow:0 18px 60px #00000012}.login-brand{justify-content:center;margin-bottom:42px}.login-copy{text-align:center}.login-copy h1{letter-spacing:-.04em;margin:11px 0 8px;font-size:30px;font-weight:620}.login-copy p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.6}.login-form{margin-top:28px}.login-form>label{color:var(--text-soft);margin:0 0 8px 2px;font-size:12px;font-weight:600;display:block}.password-field{position:relative}.password-field input{width:100%;height:52px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:13px;outline:0;padding:0 56px 0 15px;font-size:14px}.password-field input:focus{border-color:var(--text-soft);box-shadow:0 0 0 3px #20212312}.password-field button{color:#fff;background:var(--text);cursor:pointer;border:0;border-radius:9px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:4px;right:4px}.password-field button:disabled{color:#aaa;background:#e5e5e2}.form-error,.form-progress,.login-note{margin:10px 2px 0;font-size:11px;line-height:1.5}.form-error{color:var(--danger)}.form-progress{color:var(--accent-dark)}.login-note{color:var(--text-faint);text-align:center}.login-security{color:var(--text-faint);border-top:1px solid var(--border);align-items:flex-start;gap:8px;margin-top:26px;padding-top:20px;font-size:10px;line-height:1.55;display:flex}.login-security svg{width:15px;height:15px;color:var(--accent);flex:none}@media (width<=980px){.workbench-layout{grid-template-columns:1fr;width:min(780px,100% - 36px);padding-top:48px}.history-panel{max-height:none;position:static}.history-list{max-height:460px}}@media (width<=680px){.app-header{height:60px;padding:0 16px}.app-brand .logo-mark{width:31px;height:31px}.privacy-badge,.quiet-button span{display:none}.quiet-button{border-color:var(--border);justify-content:center;width:44px;padding:0}.workbench-layout{gap:16px;width:min(100% - 24px,620px);padding:34px 0 36px}.hero-copy{margin-bottom:25px}.hero-copy h1{white-space:nowrap;letter-spacing:-.055em;font-size:clamp(18px,5.7vw,22px)}.hero-copy>p{font-size:14px}.workspace-card,.result-card{border-radius:17px;padding:19px}.style-grid{grid-template-columns:1fr 1fr}.section-heading>span{display:none}.textarea-wrap textarea{min-height:170px;font-size:16px}.input-mode-switch{width:100%}.review-image-preview{grid-template-columns:1fr}.review-image-preview-image{height:188px}.review-image-preview-copy{padding:0 3px 3px}.input-meta{flex-direction:column;gap:4px}.input-meta .inline-error{text-align:left}.result-heading{flex-direction:column;align-items:flex-start}.result-actions{width:100%}.result-actions button{flex:1;justify-content:center}.reply-text{margin-top:18px;padding:16px}.login-shell{padding:14px}.login-card{border-radius:18px;padding:26px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}