.template-strip{display:flex;align-items:stretch;gap:8px;margin-top:12px;overflow:hidden}.template-cards{display:flex;flex:1;min-width:0;gap:8px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin}.mini-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:6px;flex:1 1 0;min-width:156px;min-height:66px;padding:10px 12px;background:#ffffffc7;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;box-shadow:var(--shadow-control);transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}.mini-card:hover{border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px)}.mini-card:active{transform:translateY(0)}.mini-card.selected{border-color:#2563eb8c;background:var(--primary-soft);box-shadow:inset 0 0 0 1px #2563eb1f,var(--shadow-control)}.mini-card-check{position:absolute;top:8px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:11px;color:var(--surface);background:var(--primary);border-radius:50%;font-weight:700}.mini-card-copy{min-width:0}.mini-card-name{font-size:13px;line-height:1.25;font-weight:700;color:var(--text);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card-spec{font-size:10px;line-height:1.25;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card-preview{position:static;padding:2px 7px;color:var(--primary);background:#ffffffb8;border:1px solid rgba(37,99,235,.2);border-radius:999px;font-size:11px;font-weight:600;line-height:1.35;cursor:pointer}.mini-card-preview:hover{background:var(--surface);border-color:#2563eb80}.strip-settings-btn{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;background:#ffffffc7;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);box-shadow:var(--shadow-control);transition:border-color .16s,color .16s,background .16s,transform .16s}.strip-settings-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.strip-settings-btn svg{width:17px;height:17px}.template-preview-overlay{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.template-preview-dialog{width:min(860px,100%);max-height:min(92vh,900px);display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 24px 70px #0f172a42}.template-preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.template-preview-header h2{font-size:16px;line-height:1.25;color:var(--text)}.template-preview-header p{margin-top:2px;font-size:13px;color:var(--text-secondary)}.template-preview-close{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);font-size:24px;line-height:1;cursor:pointer}.template-preview-close:hover{color:var(--text);background:var(--surface-muted)}.template-preview-body{overflow:auto;padding:18px;background:var(--surface-subtle)}.template-preview-image{display:block;width:min(100%,760px);height:auto;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 16px 40px #0f172a1f}@media(max-width:640px){.template-strip{gap:7px;margin-top:10px}.template-cards{gap:7px}.mini-card{flex:0 0 164px;min-width:164px;min-height:66px;padding:9px 10px}.mini-card-name{font-size:12px}.mini-card-spec{font-size:9px}.strip-settings-btn{width:38px;min-width:38px}.template-preview-overlay{padding:10px}.template-preview-body{padding:12px}}.text-processing-menu{position:relative}.text-processing-trigger{min-height:32px;font-size:13px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 11px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:var(--shadow-control);transition:border-color .16s,background .16s,color .16s,transform .16s}.text-processing-trigger:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.text-processing-trigger:disabled{opacity:.42;cursor:not-allowed;transform:none}.dropdown-arrow{display:inline-block;width:0;height:0;margin-left:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .16s ease}.dropdown-arrow.open{transform:rotate(180deg)}.text-processing-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:168px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 34px #0f172a24;z-index:50;overflow:hidden}.text-processing-item{width:100%;padding:10px 13px;font-size:13px;color:var(--text);background:none;border:none;text-align:left;cursor:pointer;transition:background .14s,color .14s}.text-processing-item:hover:not(:disabled){background:var(--surface-subtle)}.text-processing-item:disabled{opacity:.42;cursor:not-allowed}.text-processing-item.clean-all{color:var(--primary);font-weight:600}.text-processing-divider{height:1px;background:var(--border);margin:4px 0}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff6ff;--primary-ring: rgba(37, 99, 235, .16);--accent: #0f766e;--bg: #edf2f7;--surface: #ffffff;--surface-subtle: #f8fafc;--surface-muted: #f1f5f9;--text: #111827;--text-secondary: #5f6b7a;--text-muted: #8a94a6;--border: #d9e2ec;--border-strong: #c3cfdd;--error: #c2410c;--error-bg: #fff3ed;--warning: #7a4b00;--warning-bg: #fff8db;--warning-border: #f1d675;--shadow-soft: 0 18px 45px rgba(15, 23, 42, .08);--shadow-control: 0 1px 2px rgba(15, 23, 42, .06);--radius-sm: 6px;--radius: 8px}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#f8fafc 0%,var(--bg) 48%,#e7edf5 100%);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-ring)}.app-simple{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:960px;margin:0 auto;padding:18px 22px 14px;overflow-x:hidden}.header-simple{flex:0 0 auto;padding:4px 0 14px;text-align:left}.header-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}.brand-lockup{display:flex;align-items:center;min-width:0;gap:12px}.logo-frame{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;background:var(--surface);border:1px solid rgba(217,226,236,.9);border-radius:var(--radius);box-shadow:var(--shadow-control)}.logo{width:29px;height:29px}.brand-copy{min-width:0}.header-simple h1{font-size:27px;line-height:1.18;font-weight:700;color:var(--text)}.tagline{margin-top:2px;font-size:14px;color:var(--text-secondary)}.tip{max-width:640px;font-size:12px;color:var(--text-muted)}.header-actions{display:flex;align-items:center;flex:0 0 auto;gap:10px}.github-link{width:36px;height:36px;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);background:#fffc;text-decoration:none;transition:color .16s,border-color .16s,background .16s,transform .16s}.github-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface);transform:translateY(-1px)}.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:#ffffffc7;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-control)}.lang-btn{min-width:38px;background:transparent;border:none;font-size:13px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:7px 9px;border-radius:var(--radius-sm);transition:color .16s,background .16s}.lang-btn:hover{color:var(--text);background:var(--surface-muted)}.lang-btn.active{color:var(--surface);background:var(--text);font-weight:600}.lang-divider{display:none}.main-simple{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:visible}.input-section{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px;background:#ffffffdb;border:1px solid rgba(217,226,236,.9);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.input-header{display:flex;align-items:center;margin-bottom:10px}.input-header label{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.input-actions{display:flex;width:100%;gap:8px;flex-wrap:wrap;justify-content:space-between;align-items:center}.input-actions-left,.input-actions-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.paste-mode{display:flex;align-items:center;gap:7px;min-height:32px;color:var(--text-secondary)}.paste-mode select{height:32px;font-size:13px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 30px 0 10px;cursor:pointer;box-shadow:var(--shadow-control)}.paste-mode select:focus{outline:none;border-color:var(--primary)}.heading-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 12px;font-size:13px;color:var(--warning);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius)}.hint-close{flex-shrink:0;width:24px;height:24px;background:transparent;border:none;font-size:18px;color:currentColor;cursor:pointer;border-radius:var(--radius-sm);line-height:1}.hint-close:hover{background:#7a4b0014}.fix-btn{flex-shrink:0;min-height:28px;padding:4px 12px;font-size:12px;background:var(--text);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600}.fix-btn:hover{background:#000}.action-btn{min-height:32px;font-size:13px;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:5px 11px;white-space:nowrap;box-shadow:var(--shadow-control);transition:border-color .16s,background .16s,color .16s,transform .16s}.action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-soft);transform:translateY(-1px)}.action-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.action-btn-secondary{color:var(--text-secondary)}.action-btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--surface-subtle)}.editor-container{position:relative;width:100%;flex:1;min-height:160px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-subtle);overflow:hidden;transition:border-color .16s,box-shadow .16s,background .16s}.editor-container:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-ring)}.content-textarea{width:100%;height:100%;min-height:160px;padding:18px;border:none;border-radius:var(--radius);resize:none;font-size:15px;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:transparent;color:var(--text)}.content-textarea:focus{outline:none}.custom-placeholder{position:absolute;inset:18px;color:var(--text-muted);pointer-events:none;white-space:pre-wrap;overflow:hidden;font-size:15px;line-height:1.7;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.filename-row{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 8px;background:var(--surface-subtle);border:1px solid transparent;border-radius:var(--radius)}.filename-row+.filename-row{margin-top:3px}.filename-row label{width:62px;font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.filename-input-wrapper{flex:1;min-width:0;display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 8px;box-shadow:var(--shadow-control);transition:border-color .16s}.filename-input-wrapper:focus-within{border-color:var(--primary)}.filename-input{flex:1;min-width:0;border:none;background:transparent;font-size:14px;padding:6px 0;color:var(--text)}.filename-input:focus{outline:none}.filename-input::placeholder{color:var(--text-muted)}.filename-ext{font-size:13px;color:var(--text-secondary);flex-shrink:0}.title-level-select{flex:1;min-width:0;height:31px;font-size:14px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow-control)}.title-level-select:focus{outline:none;border-color:var(--primary)}.filename-reset{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:16px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm)}.filename-reset:hover{background:var(--surface-muted);color:var(--text)}.error-msg{padding:11px 14px;background:var(--error-bg);color:var(--error);border:1px solid rgba(194,65,12,.18);border-radius:var(--radius);font-size:14px}.generate-btn{flex:0 0 auto;width:100%;min-height:50px;padding:13px 22px;font-size:16px;font-weight:700;color:#fff;background:var(--primary);border:none;border-radius:var(--radius);cursor:pointer;box-shadow:0 12px 24px #2563eb2e;transition:background .16s,box-shadow .16s,transform .16s}.generate-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 14px 28px #2563eb38;transform:translateY(-1px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.footer-simple{flex:0 0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;padding:11px 0 0;font-size:13px;color:var(--text-muted)}.footer-feedback{display:inline-flex;align-items:center;font-size:13px;font-weight:500;color:var(--primary);text-decoration:none}.footer-feedback:hover{color:var(--primary-hover);text-decoration:underline}.footer-simple .version{font-size:12px;opacity:.72}.drawer-overlay{position:fixed;inset:0;background:#0f172a5c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100}.style-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background:var(--surface);border-left:1px solid var(--border);box-shadow:-18px 0 42px #0f172a29;z-index:101;display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.drawer-header h2{font-size:18px;font-weight:700}.drawer-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.drawer-close:hover{background:var(--surface-muted);color:var(--text)}.drawer-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer-footer{padding:16px 20px 18px;border-top:1px solid var(--border);background:var(--surface-subtle)}.reset-button{width:100%;min-height:42px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--error);background:var(--surface);border:1px solid rgba(194,65,12,.34);border-radius:var(--radius);cursor:pointer}.reset-button:hover{background:var(--error-bg)}.style-section{border-bottom:1px solid var(--border)}.style-section-header{display:flex;align-items:center;width:100%;padding:15px 20px;background:transparent;border:none;cursor:pointer;text-align:left;gap:10px}.style-section-header:hover{background:var(--surface-subtle)}.style-section-title{flex:1;font-size:15px;font-weight:600;color:var(--text)}.style-section-preview{max-width:190px;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-english{opacity:.72}.style-section-arrow{font-size:10px;color:var(--text-muted);transition:transform .16s}.style-section-arrow.open{transform:rotate(90deg)}.style-section-content{padding:12px 20px 18px;background:var(--surface-subtle)}.style-row{display:flex;gap:12px;margin-bottom:12px}.style-row:last-child{margin-bottom:0}.style-row label{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.style-row select{min-width:0;width:100%;height:38px;padding:0 10px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.style-row select:focus{outline:none;border-color:var(--primary)}.style-row.checkboxes{flex-wrap:wrap;gap:10px 16px}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:14px;color:var(--text);cursor:pointer;white-space:nowrap}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.style-row .checkbox-label{font-size:14px;color:var(--text)}.style-row .checkbox-label input[type=checkbox]{width:18px;height:18px}.loading-overlay{position:fixed;inset:0;background:#0f172a8a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-content{display:flex;flex-direction:column;align-items:center;gap:18px;padding:30px 42px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 46px #0f172a33}.loading-spinner{width:44px;height:44px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:15px;font-weight:600;color:var(--text);text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:640px){.app-simple{padding:12px}.header-simple{padding:0 0 10px}.header-title{align-items:center;gap:10px}.brand-lockup{flex:1;min-width:0}.header-simple h1{font-size:22px}.tagline{font-size:13px}.tip{font-size:12px}.header-actions{justify-content:flex-end;gap:8px}.input-section{padding:10px}.input-actions,.input-actions-left,.input-actions-right{width:100%}.input-actions-right{justify-content:space-between}.action-btn,.text-processing-trigger{flex:1;justify-content:center}.paste-mode{width:100%}.paste-mode select{flex:1}.content-textarea,.custom-placeholder{font-size:14px}.filename-row{align-items:stretch;flex-direction:column;gap:7px}.filename-row label{width:auto}.footer-simple{padding-top:9px;font-size:12px}.style-row{flex-direction:column}.style-section-preview{max-width:120px}}@media(max-width:460px){.logo-frame{width:38px;height:38px}.logo{width:25px;height:25px}.header-simple h1{font-size:20px}.tagline{font-size:12px}.github-link{width:34px;height:34px}.language-switch{padding:2px}.lang-btn{min-width:34px;padding:7px 8px}}@media(min-width:768px){.app-simple{padding-top:20px}.editor-container,.content-textarea{min-height:260px}}@media(max-height:720px)and (min-width:768px){.app-simple{padding-top:12px;padding-bottom:12px}.header-simple{padding-bottom:8px}.template-strip{margin-top:6px}.editor-container,.content-textarea{min-height:170px}.footer-simple{padding-top:8px}}@media(max-height:640px)and (min-width:768px){.tip{display:none}.editor-container,.content-textarea{min-height:140px}}