:root{--bg:#fafafa;--surface:#fff;--border:#e5e5e5;--text:#1a1a1a;--text-secondary:#666;--primary:#111;--primary-hover:#333;--accent:#0366d6;--radius:8px;--shadow:0 1px 3px #00000014;--header-height:52px;--toolbar-top:52px;--toast-top:96px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,Inter,PingFang SC,Helvetica Neue,sans-serif}.header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;position:sticky;top:0}.header-inner{max-width:1400px;height:var(--header-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:-.3px;font-size:17px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.free-badge{color:#2e7d32;background:#e8f5e9}.quota-info{color:var(--text-secondary);font-size:12px}.scenario-page{text-align:center;max-width:720px;margin:0 auto;padding:48px 24px 40px}.scenario-title{letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.scenario-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.scenario-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.scenario-card{border:2px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.scenario-card:hover{border-color:var(--card-color,#999);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.scenario-card.disabled{opacity:.5;cursor:default}.scenario-card.disabled:hover{border-color:var(--border);box-shadow:none;transform:none}.scenario-card-icon{background:color-mix(in srgb, var(--card-color,#999) 10%, transparent);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.scenario-card-text{flex-direction:column;align-items:center;gap:4px;display:flex}.scenario-card-name{font-size:14px;font-weight:600}.scenario-card-desc{color:var(--text-secondary);text-align:center;font-size:11px;line-height:1.4}.scenario-soon{background:color-mix(in srgb, var(--card-color,#999) 15%, transparent);color:var(--card-color,#999);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.scenario-pro{color:#fff;text-align:center;letter-spacing:.5px;z-index:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:2px 28px;font-size:9px;font-weight:700;position:absolute;top:14px;right:-28px;transform:rotate(45deg);box-shadow:0 1px 3px #6366f14d}.scenario-online{color:#2563eb;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.upload-area{max-width:640px;margin:40px auto;padding:0 24px}.upload-back{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;transition:color .15s;display:inline-flex}.upload-back:hover{color:var(--text)}.scenario-back{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;margin-bottom:20px;font-size:13px;transition:color .15s;display:inline-flex}.scenario-back:hover{color:var(--text)}.scenario-badge{white-space:nowrap;background:#f5f5f5;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;width:calc(100% - 48px);max-width:640px;margin:60px auto 40px;padding:60px 40px;transition:all .2s}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--primary);background:#f5f5f5}.upload-icon{opacity:.6;margin-bottom:16px}.upload-title{color:var(--text);margin-bottom:6px;font-size:15px}.upload-link{color:var(--accent);cursor:pointer;font-weight:500}.upload-link:hover{text-decoration:underline}.upload-hint{color:var(--text-secondary);font-size:13px}.batch-page{max-width:720px;margin:40px auto;padding:0 24px}.batch-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.batch-tags{gap:6px;display:flex}.batch-tag{border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.batch-tag.pro{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.batch-tag.online{color:#2563eb;background:#dbeafe}.batch-upload-area{flex-direction:column;gap:16px;display:flex}.batch-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;width:100%;max-width:640px;margin:0 auto 20px;padding:60px 40px;transition:all .2s}.batch-drop-zone:hover,.batch-drop-zone.drag-over{border-color:var(--primary);background:#f5f5f5}.batch-drop-zone.disabled{opacity:.5;cursor:not-allowed}.batch-drop-zone.disabled:hover{border-color:var(--border);background:0 0}.batch-upload-icon{opacity:.6;margin-bottom:16px}.batch-upload-title{color:var(--text);margin-bottom:6px;font-size:15px}.batch-upload-hint{color:var(--text-secondary);font-size:13px}.batch-file-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.batch-file-list-header{color:var(--text-secondary);border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 12px;font-size:12px;display:flex}.batch-file-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:background .15s;display:flex}.batch-file-item:last-child{border-bottom:none}.batch-file-item:hover{background:#f5f5f5}.batch-file-item.selected{background:#f0f0f0}.batch-file-item.done{background:#f0fdf4}.batch-file-item.error{background:#fef2f2}.batch-file-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.batch-file-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.batch-file-size{color:var(--text-secondary);font-size:11px}.batch-file-status{flex-shrink:0}.status-pending{color:var(--text-secondary);font-size:12px}.status-processing{color:var(--accent);font-size:12px}.status-done{color:#16a34a;font-size:12px}.status-error{color:#dc2626;font-size:12px}.status-oversize{color:var(--text-secondary);font-size:12px}.status-pay-locked{color:#d97706;font-size:12px}.batch-file-remove{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .15s}.batch-file-remove:hover{color:#dc2626;background:#fee2e2}.batch-actions{justify-content:center;gap:10px;padding:16px 0;display:flex}.batch-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-top:16px;padding:16px}.batch-progress-bar{background:#e5e5e5;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.batch-progress-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s}.batch-progress-info{color:var(--text-secondary);text-align:center;font-size:12px}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.icon-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:6px;transition:all .15s}.icon-btn:hover{color:var(--text);background:#f0f0f0}.settings-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings-panel{background:var(--surface);width:100%;max-width:480px;max-height:80vh;box-shadow:var(--shadow);border-radius:12px;overflow-y:auto}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.settings-header h3{font-size:16px;font-weight:600}.settings-section{border-bottom:1px solid var(--border);padding:16px 20px}.settings-section:last-of-type{border-bottom:none}.settings-label{color:var(--text-secondary);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.settings-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-row:last-child{margin-bottom:0}.settings-row span{font-size:13px}.text-input{border:1px solid var(--border);border-radius:6px;width:200px;padding:8px 10px;font-size:13px}.text-input:focus{border-color:var(--accent);outline:none}.custom-input{border:1px solid var(--border);border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.custom-input:focus{border-color:var(--accent);outline:none}.range-input{width:100px;accent-color:var(--accent)}.range-value{color:var(--text-secondary);text-align:right;width:40px;font-size:12px}.switch{width:40px;height:22px;position:relative}.slider{cursor:pointer;background:#ccc;border-radius:11px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:var(--primary)}input:checked+.slider:before{transform:translate(18px)}.template-card{border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:8px;padding:10px;transition:all .15s}.template-card.active{border-color:var(--primary);background:#f5f5f5}.template-preview{background:#f5f5f5;border-radius:4px;flex-direction:column;gap:3px;height:48px;margin-bottom:6px;padding:6px;display:flex;overflow:hidden}.tp-bar,.tp-line{background:#ddd;border-radius:2px;height:3px}.tp-code{background:#f0f0f0;border-radius:2px;height:12px;margin-top:4px}.template-card span{color:var(--text-secondary);font-size:11px}.wm-custom{align-items:center;gap:8px;display:flex}.char-count{color:var(--text-secondary);flex-shrink:0;font-size:11px}.brand-wm-row{margin-top:8px}.brand-wm-left{align-items:center;gap:6px;display:flex}.settings-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.editor-area{max-width:1400px;margin:0 auto;padding:0 24px 40px;position:relative}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;top:var(--toolbar-top);z-index:99;border-bottom:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;display:flex;position:sticky}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.tab-btn.active{background:var(--primary);color:#fff}.tab-btn:hover:not(.active){background:#f0f0f0}.file-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:hover{color:#111827;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);transform:scale(1.05)}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:-.2px;background:linear-gradient(135deg,#111827,#374151);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000026,0 1px 3px #00000014}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003,0 2px 6px #0000001a}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #00000026}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:#374151;cursor:pointer;letter-spacing:-.2px;background:linear-gradient(#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000a}.btn-secondary:hover{background:#fff;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.editor-body{border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);background:var(--surface);min-height:500px;display:flex;position:relative}.edit-panel{flex:1;display:flex}.edit-panel textarea{width:100%;min-height:500px;color:var(--text);background:var(--surface);resize:none;border:none;outline:none;flex:1;padding:16px 18px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;line-height:1.6}.edit-panel textarea::placeholder{color:#bbb}.preview-panel{background:#e8e8e8;flex:1;justify-content:center;padding:24px 16px;display:flex;overflow-y:auto}.preview-page{background:#fff;border-radius:2px;width:100%;max-width:800px;min-height:600px;padding:40px 50px;position:relative;box-shadow:0 2px 12px #0000001f}.excel-workbook{width:100%}.excel-sheet{margin-bottom:24px}.excel-sheet-title{color:#1f2937;border-bottom:2px solid #6366f1;margin:0 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.excel-divider{border:none;border-top:1px dashed #d1d5db;margin:20px 0}.excel-sheet table{border-collapse:collapse;table-layout:fixed;word-break:break-all;width:100%;font-size:11px;line-height:1.4}.excel-sheet table td,.excel-sheet table th{text-align:left;vertical-align:middle;white-space:normal;text-overflow:ellipsis;border:1px solid #e5e7eb;padding:4px 6px;overflow:hidden}.excel-sheet table th{color:#374151;background:#f3f4f6;font-weight:600}.excel-sheet table td{color:#4b5563}.excel-sheet table tr:hover td{background:#f9fafb}.settings-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(to bottom right,#fff,#fafbfc);flex-direction:column;width:380px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;overflow-y:auto;box-shadow:-8px 0 32px #0000001f,-2px 0 8px #0000000a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.settings-header{background:linear-gradient(135deg,#fafbfc,#fff);border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.settings-header h3{background:linear-gradient(135deg,#111827,#374151);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.settings-section{background:linear-gradient(#fafbfc,#fff);border-bottom:1px solid #f0f0f0;padding:20px 24px}.settings-label{color:#9ca3af;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.settings-row{justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex;position:relative}.settings-row>span:first-child{color:#374151;align-items:center;gap:8px;font-weight:500;display:flex}.text-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:160px;padding:9px 14px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.text-input:focus{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f114,0 2px 8px #6366f11f}.text-input[readonly]{color:#9ca3af;cursor:not-allowed;background:#f9fafb;border-style:dashed}.combo-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;gap:0;width:220px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.combo-input:focus-within{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f114,0 4px 12px #6366f126}.combo-select{color:#6b7280;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center no-repeat;border:none;border-right:2px solid #e5e7eb;border-radius:0;outline:none;min-width:70px;padding:9px 28px 9px 12px;font-size:13px;font-weight:500;transition:background .2s}.combo-select:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.combo-select option{background:#fff;padding:8px}.combo-text{color:#111827;background:0 0;border:none;border-radius:0;outline:none;flex:1;min-width:0;padding:9px 14px;font-size:14px;font-weight:400}.combo-text::placeholder{color:#d1d5db;font-weight:400}.combo-text:focus{background:#6366f105}.combo-text:only-child{border-radius:10px}.watermark-section{background:linear-gradient(135deg,#6366f10a,#8b5cf608);border:2px solid #6366f11a;border-radius:14px;margin:4px -4px 8px;padding:16px}.wm-presets{margin-bottom:8px}.presets-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:11px;font-weight:700;display:block}.preset-tags{flex-wrap:wrap;gap:8px;display:flex}.preset-tag{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.preset-tag:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffffff4d);transition:opacity .2s;position:absolute;inset:0}.preset-tag:hover{color:#6366f1;border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.preset-tag:hover:before{opacity:1}.preset-tag.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.wm-custom{position:relative}.custom-label{color:#6b7280;margin-bottom:10px;padding-left:2px;font-size:13px;font-weight:600;display:block}.custom-input{color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 56px 12px 16px;font-size:13px;font-weight:400;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000000a}.custom-input:focus{border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f114,0 4px 16px #6366f11f}.custom-input::placeholder{color:#d1d5db;font-weight:400}.char-count{color:#d1d5db;pointer-events:none;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.brand-wm-row{padding-top:4px;align-items:flex-start!important}.brand-wm-left{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;padding-right:12px;display:flex}.brand-wm-left>span:first-of-type{white-space:nowrap;font-weight:500}.vip-hint-inline{color:#9ca3af;align-items:center;gap:2px;margin-top:2px;font-size:11px;font-weight:400;line-height:1.3;display:inline-flex}.btn-link-sm{color:#6366f1;cursor:pointer;text-underline-offset:2px;white-space:nowrap;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline;transition:opacity .15s}.btn-link-sm:hover{opacity:.75}.wm-free-hint{color:#6b7280;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid #f59e0b;border-radius:10px;margin:8px 0 4px;padding:10px 14px;font-size:12px;line-height:1.5}select{cursor:pointer;color:#374151;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #e5e7eb;border-radius:10px;outline:none;padding:9px 32px 9px 14px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}select:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f114}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:linear-gradient(135deg,#d1d5db,#e5e7eb);border-radius:26px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000001a}.slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 6px #00000026}.switch:hover .slider:before{transform:scale(1.05);box-shadow:0 3px 8px #0003}.switch input:checked+.slider{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 12px #6366f14d,inset 0 1px 2px #ffffff1a}.switch input:checked+.slider:before{transform:translate(22px);box-shadow:0 3px 10px #6366f166}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.template-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.template-card{border:2px solid var(--border);text-align:center;cursor:pointer;border-radius:8px;padding:8px;font-size:12px;transition:all .15s}.template-card.active{border-color:var(--primary)}.template-card:hover{border-color:#999}.template-preview{border-radius:4px;flex-direction:column;gap:5px;height:52px;margin-bottom:6px;padding:8px;display:flex}.tp-bar{border-radius:3px;width:60%;height:6px}.tp-line{border-radius:2px;height:4px}.tp-line.long{width:90%}.tp-line.medium{width:70%}.tp-line.short{width:50%}.tp-code{border-radius:3px;height:14px;margin-top:4px}.github-preview{background:#f6f8fa}.github-preview .tp-bar{background:#e1e4e8}.github-preview .tp-line{background:#d1d5da}.github-preview .tp-code{background:#e1e4e8}.elegant-preview{background:#faf8f5}.elegant-preview .tp-bar{background:#8b7355;width:40%;height:3px;margin:0 auto}.elegant-preview .tp-line{background:#d4c5b0}.elegant-preview .tp-code{background:#f0ebe3}.minimal-preview{background:#fafafa}.minimal-preview .tp-bar{background:#333;width:70%}.minimal-preview .tp-line{background:#ddd}.minimal-preview .tp-code{background:#f0f0f0}.range-input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:6px;outline:none;width:120px;height:6px;box-shadow:inset 0 1px 3px #00000014}.range-input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#fff,#f9fafb);border:3px solid #6366f1;border-radius:50%;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f140}.range-input::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 12px #6366f166}.range-input::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#fff,#f9fafb);border:3px solid #6366f1;border-radius:50%;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f140}.range-value{color:#6366f1;text-align:right;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px;font-weight:600}.content-mode-group{flex-direction:column;gap:8px;display:flex}.content-mode-card{border:2px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.content-mode-card.active{border-color:var(--primary);background:#f8f8f8}.content-mode-card:hover{border-color:#999}.cm-icon{color:var(--text-secondary);flex-shrink:0}.content-mode-card.active .cm-icon{color:var(--primary)}.cm-text{flex-direction:column;gap:2px;display:flex}.cm-title{font-size:13px;font-weight:600}.cm-desc{color:var(--text-secondary);font-size:11px}.cm-auto-hint{color:var(--text-secondary);margin:0 0 6px;font-size:11px;font-style:italic}.cm-badge{color:#6366f1;background:#eef2ff;border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:600}.content-mode-card.active .cm-badge{background:var(--primary);color:#fff}.render-mode-note{color:var(--text-secondary);background:#f7f8fa;border:1px solid #eee;border-radius:6px;margin:8px 2px 0;padding:8px 10px;font-size:11px;line-height:1.6}.settings-footer{background:linear-gradient(#fff,#fafbfc);border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;margin-top:auto;padding:20px 28px;display:flex}.toast-container{top:var(--toast-top);z-index:300;flex-direction:column;gap:8px;display:flex;position:fixed;right:24px}.toast{border-radius:8px;max-width:320px;padding:10px 16px;font-size:13px;font-weight:500;animation:.25s ease-out toastIn;box-shadow:0 4px 12px #00000026}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast.success{color:#fff;background:#16a34a}.toast.error{color:#fff;background:#dc3545}.toast.info{color:#fff;background:#0366d6}.hidden{display:none!important}.pro-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.vip-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444)}.trial-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.btn-upgrade{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:opacity .2s}.btn-upgrade:hover{opacity:.85}.btn-text{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.btn-text:hover{opacity:.8}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface);border-radius:16px;width:90%;max-width:480px;max-height:90vh;padding:24px;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{font-size:18px;font-weight:700}.pay-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:16px;font-size:13px}.pay-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.pay-card{border:1.5px solid var(--border);text-align:center;cursor:pointer;border-radius:10px;padding:14px 10px;transition:all .2s;position:relative}.pay-card:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f126}.pay-card-popular{background:#6366f10a;border-color:#6366f1}.pay-popular-tag{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.pay-card-name{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.pay-card-price{margin-bottom:2px;font-size:18px;font-weight:800}.pay-card-desc{color:var(--text-secondary);font-size:11px}.pay-footer{text-align:center;padding-top:8px}.pay-qr-section{text-align:center;padding:16px 0}.pay-qr-hint{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.pay-qr-box{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px;display:inline-block;box-shadow:0 4px 12px #00000014}.pay-qr-img{object-fit:contain;width:180px;height:180px}.pay-qr-dual{justify-content:center;gap:24px;margin-bottom:8px;display:flex}.pay-qr-item{text-align:center}.pay-qr-item .pay-qr-img{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px;display:block;box-shadow:0 4px 12px #00000014}.pay-qr-label{color:var(--text-secondary);margin-top:8px;font-size:13px;display:block}.pay-method-grid{justify-content:center;gap:20px;margin-top:20px;display:flex}.pay-method-card{cursor:pointer;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:24px 32px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.pay-method-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.pay-method-card span{color:var(--text);font-size:14px}.pay-method-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:600;display:flex}.pay-method-alipay{background:#1677ff}.pay-method-wechat{background:#07c160}.pay-qr-waiting{color:var(--primary);justify-content:center;align-items:center;gap:8px;margin:16px 0;font-size:13px;display:flex}.pay-qr-waiting:before{content:"";border:2px solid var(--primary);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pay-qr-footer{border-top:1px solid var(--border);text-align:center;margin-top:20px;padding-top:16px}.pay-qr-order{color:var(--text-secondary);opacity:.6;letter-spacing:.3px;margin:0 0 12px;font-family:monospace;font-size:12px}.pay-timeout{background:linear-gradient(135deg,#fbbf2414,#f59e0b0f);border:1px solid #f59e0b33;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;display:flex}.pay-timeout-row{align-items:center;gap:8px;display:flex}.pay-timeout-icon{color:#d97706;background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;display:flex}.pay-timeout-text{text-align:left}.pay-timeout-msg{color:#92400e;margin:0;font-size:13px;font-weight:600}.pay-timeout-hint{color:#b45309;opacity:.85;margin:2px 0 0;font-size:12px}.pay-timeout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #f59e0b4d}.pay-timeout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.pay-timeout-btn:active{transform:translateY(0)}.pay-desktop-hint{border-top:1px solid var(--border);color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.buy-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.buy-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.buy-container{background:var(--surface);border-radius:16px;width:100%;max-width:480px;padding:32px;box-shadow:0 20px 60px #0000001a}.buy-header{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.buy-header h1{margin:0;font-size:20px;font-weight:700}.buy-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:14px}.buy-license-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.buy-license-card{border:1.5px solid var(--border);text-align:center;cursor:pointer;border-radius:12px;padding:20px 16px;transition:all .2s;position:relative}.buy-license-card:hover{border-color:#6366f1;box-shadow:0 4px 16px #6366f126}.buy-license-card-popular{background:#6366f10a;border-color:#6366f1}.buy-license-name{color:var(--text-secondary);margin-bottom:6px;font-size:14px}.buy-license-price{margin-bottom:4px;font-size:28px;font-weight:800}.buy-license-yearly{color:var(--text-secondary);font-size:12px}.buy-license-save{color:#22c55e;margin-top:4px;font-size:12px;font-weight:600}.buy-features{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex}.buy-qr-section{text-align:center}.buy-success{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:24px;display:flex}.buy-success-icon{font-size:48px}.buy-success h2{margin:0;font-size:24px;font-weight:700}.buy-success p{color:var(--text-secondary);margin:0;font-size:14px}.buy-key-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;margin:8px 0;padding:12px 16px;display:flex}.buy-key{letter-spacing:1px;word-break:break-all;font-family:monospace;font-size:14px}.buy-steps{text-align:left;color:var(--text-secondary);margin-top:16px;padding-left:20px;font-size:14px}.buy-steps li{margin-bottom:8px}.recovery-hint{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.recovery-input-row{align-items:center;gap:10px;display:flex}.recovery-input{letter-spacing:2px;text-align:center;flex:1;font-family:monospace;font-size:16px}.feedback-panel{background:var(--surface);border-radius:16px;width:90%;max-width:440px;animation:.25s ease-out slideUp;overflow:hidden;box-shadow:0 20px 60px #0003}.feedback-header{align-items:flex-start;gap:12px;padding:20px 24px 16px;display:flex}.feedback-header-icon{color:#6366f1;background:linear-gradient(135deg,#6366f11a,#06b6d41a);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feedback-header-text{flex:1;min-width:0}.feedback-title{letter-spacing:-.3px;margin:0 0 4px;font-size:18px;font-weight:700}.feedback-subtitle{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.feedback-close{flex-shrink:0}.icon-btn.feedback-icon-btn{color:#6366f1;background:linear-gradient(135deg,#6366f11a,#06b6d41a)}.icon-btn.feedback-icon-btn:hover{color:#4f46e5;background:linear-gradient(135deg,#6366f12e,#06b6d42e)}.feedback-body{padding:0 24px 24px}.feedback-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.feedback-optional{text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.feedback-textarea{border:1px solid var(--border);resize:none;border-radius:10px;outline:none;width:100%;height:120px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .15s}.feedback-textarea:focus{border-color:#6366f1}.feedback-textarea::placeholder{color:#bbb}.feedback-char-count{text-align:right;color:var(--text-secondary);margin:6px 0 16px;font-size:11px}.feedback-contact-row{align-items:center;gap:8px;margin-bottom:20px;display:flex}.feedback-contact-row svg{flex-shrink:0}.feedback-contact-input{border:1px solid var(--border);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.feedback-contact-input:focus{border-color:#6366f1}.feedback-contact-input::placeholder{color:#bbb}.feedback-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 12px #6366f140}.feedback-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f159}.feedback-submit:disabled{background:var(--border);color:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.header-link{width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-link:hover{color:var(--text);background:#f0f0f0}.landing{background:var(--bg);min-height:calc(100vh - 52px)}.hero{text-align:center;background:linear-gradient(180deg, #0a0a0a 0%, #111 30%, #1a1a2e 60%, #16213e 80%, var(--bg) 100%);padding:80px 24px 48px;position:relative;overflow:hidden}.hero-grid{pointer-events:none;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 30%,#000 20%,#0000 70%);mask-image:radial-gradient(60% 50% at 50% 30%,#000 20%,#0000 70%)}.hero-glow{pointer-events:none;background:radial-gradient(#6366f12e 0%,#06b6d40f 40%,#0000 70%);width:700px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-glow-2{background:radial-gradient(#ec48990f 0%,#0000 60%);width:400px;height:300px;top:40px;left:30%;transform:none}.hero-content{z-index:1;max-width:680px;margin:0 auto;position:relative}.hero-badge{letter-spacing:.5px;color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}.hero-title{letter-spacing:-1.5px;color:#fff;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.12}.hero-accent{background:linear-gradient(135deg,#818cf8,#06b6d4,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#ffffff80;max-width:520px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hero-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #6366f14d}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.hero-ghost{color:#ffffffe0;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-ghost:hover{color:#fff;background:#fff3;border-color:#ffffff4d}.hero-preview{z-index:1;max-width:420px;margin:48px auto 0;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.preview-window{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-titlebar{border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;padding:10px 14px;display:flex}.preview-dot{border-radius:50%;width:8px;height:8px}.preview-filename{color:#fff6;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:12px}.preview-body{padding:20px 24px 24px;position:relative}.preview-line{background:#ffffff0f;border-radius:3px;height:6px;margin-bottom:8px}.preview-line.w50{width:50%}.preview-line.w60{width:60%}.preview-line.w70{width:70%}.preview-line.w75{width:75%}.preview-line.w80{width:80%}.preview-line.w85{width:85%}.preview-line.w90{width:90%}.preview-spacer{height:16px}.preview-watermark{letter-spacing:4px;color:#6366f11f;pointer-events:none;font-size:28px;font-weight:800;position:absolute;bottom:32px;right:24px;transform:rotate(-25deg)}.trust-bar{background:var(--bg);border-bottom:1px solid var(--border);padding:32px 24px}.trust-bar-inner{justify-content:space-around;max-width:800px;margin:0 auto;display:flex}.trust-item{flex-direction:column;align-items:center;gap:4px;display:flex}.trust-num{letter-spacing:-1px;background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.trust-label{color:var(--text-secondary);font-size:13px;font-weight:500}.features{background:var(--bg);padding:64px 24px}.features-inner{grid-template-columns:repeat(4,1fr);gap:20px;max-width:960px;margin:0 auto;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 20px;transition:all .25s}.feature-card:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.feature-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.feature-title{letter-spacing:-.2px;margin-bottom:8px;font-size:15px;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.how-it-works{background:linear-gradient(180deg, var(--bg), #f5f5f5, var(--bg));padding:64px 24px}.how-inner{max-width:720px;margin:0 auto}.steps{justify-content:center;align-items:flex-start;gap:0;margin-top:40px;display:flex}.step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;max-width:200px;display:flex}.step-num{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.step-icon{color:var(--text-secondary)}.step-title{letter-spacing:-.2px;font-size:15px;font-weight:700}.step-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.step-connector{opacity:.3;background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:1px;flex-shrink:0;width:48px;height:2px;margin-top:52px}.compare{background:var(--bg);padding:64px 24px}.compare-inner{max-width:640px;margin:0 auto}.compare-table{border:1px solid var(--border);border-radius:12px;margin-top:32px;overflow:hidden}.compare-header{background:#f8f8f8;grid-template-columns:1fr 1fr 1fr;display:grid}.compare-th{color:var(--text-secondary);padding:12px 16px;font-size:13px;font-weight:700}.compare-th-other{text-align:center}.compare-th-us{text-align:center;color:#4f46e5;background:linear-gradient(135deg,#6366f10f,#06b6d40f)}.compare-row{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;display:grid}.compare-td-label{background:#fafafa;padding:12px 16px;font-size:13px;font-weight:600}.compare-td{text-align:center;color:var(--text-secondary);padding:12px 16px;font-size:13px}.compare-td-highlight{color:#4f46e5;background:#6366f108;font-weight:600}.scenarios-preview{background:var(--bg);padding:48px 24px 64px}.scenarios-preview-inner{text-align:center;max-width:720px;margin:0 auto}.landing-scenarios-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:8px;display:flex}.landing-scenario-chip{background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.section-title{text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-size:24px;font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.landing-grid{max-width:720px;margin:0 auto}.pricing-hint{background:linear-gradient(180deg, var(--bg), #f5f5f5, var(--bg));padding:48px 24px}.pricing-hint-inner{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;max-width:640px;margin:0 auto;padding:28px 32px;display:flex;box-shadow:0 4px 20px #0000000a}.pricing-hint-item{flex-direction:column;align-items:center;gap:4px;padding:0 24px;display:flex;position:relative}.pricing-hint-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.pricing-hint-value{letter-spacing:-.3px;font-size:16px;font-weight:700}.pricing-popular .pricing-hint-value{color:#4f46e5}.pricing-tag{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-18px}.pricing-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.download-section{background:linear-gradient(180deg, var(--bg), #f5f5f5, var(--bg));padding:48px 24px 64px}.download-inner{text-align:center;max-width:640px;margin:0 auto}.download-features{flex-wrap:wrap;justify-content:center;gap:24px;margin:20px 0 28px;display:flex}.download-feature{color:#555;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.download-feature svg{color:#16a34a;flex-shrink:0}.download-cards{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.download-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;align-items:center;min-width:240px;max-width:300px;padding:28px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.download-card-icon{color:#fff;background:linear-gradient(135deg,#1a1a2e,#2d2d44);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.download-card-title{margin-bottom:6px;font-size:18px;font-weight:700}.download-card-desc{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.download-card-links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.download-btn{color:#fff;background:#1a1a2e;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.download-btn:hover{background:#2d2d44}.download-btn svg{flex-shrink:0}.download-note{color:var(--text-secondary);margin-top:20px;font-size:13px}.download-note a{color:var(--accent);text-decoration:none}.download-note a:hover{text-decoration:underline}.download-tip{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:12px}.cta-section{text-align:center;background:linear-gradient(#0f0f23,#111,#1a1a2e);padding:64px 24px}.cta-inner{max-width:480px;margin:0 auto}.cta-title{color:#fff;letter-spacing:-.5px;margin-bottom:12px;font-size:28px;font-weight:800}.cta-desc{color:#ffffff80;margin-bottom:28px;font-size:15px}.landing-footer{text-align:center;border-top:1px solid var(--border);background:#0f0f23;padding:32px 24px}.landing-footer-inner{color:#ffffff8c;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.landing-footer-sep{opacity:.4}.landing-footer-link{color:inherit;opacity:.85;text-decoration:none}.landing-footer-link:hover{opacity:1;text-decoration:underline}.landing-footer-version{opacity:.7;font-variant-numeric:tabular-nums}@media (width<=768px){.header-inner{height:48px;padding:0 16px}.toast-container{top:100px}.logo-text{font-size:15px}.hero{padding:56px 20px 40px}.hero-title{letter-spacing:-.5px;font-size:30px}.hero-desc{font-size:14px}.hero-cta{padding:12px 24px;font-size:15px}.hero-ghost{padding:12px 20px;font-size:14px}.hero-preview{max-width:300px;margin-top:32px}.trust-bar-inner{flex-wrap:wrap;gap:16px}.trust-num{font-size:22px}.features-inner{grid-template-columns:repeat(2,1fr);gap:14px}.feature-card{padding:20px 16px}.steps{flex-direction:column;align-items:center;gap:24px}.step-connector{width:2px;height:24px;margin-top:0}.compare-table{font-size:12px}.compare-td-label,.compare-td,.compare-th{padding:10px;font-size:12px}.pricing-hint-inner{flex-direction:column;gap:16px;padding:20px}.pricing-divider{width:80%;height:1px}.pricing-tag{top:-14px}.cta-title{font-size:22px}.download-cards{flex-direction:column;align-items:center}.download-card{width:100%;min-width:auto;max-width:100%}.scenario-page{padding:32px 16px 24px}.scenario-title{font-size:20px}.scenario-grid{grid-template-columns:repeat(2,1fr);gap:10px}.scenario-card{padding:16px 12px}.upload-area{margin:24px auto;padding:0 16px}.upload-zone{width:calc(100% - 32px);margin-top:40px;padding:40px 24px}.upload-title{font-size:14px}.upload-hint{font-size:12px}.editor-area{padding:0 12px 24px}.toolbar{gap:4px;padding:6px 8px}.toolbar-left,.toolbar-right{gap:4px}.tab-btn{padding:5px 10px;font-size:12px}.file-name{display:none}.icon-btn{width:30px;height:30px}.btn-primary,.btn-secondary{gap:4px;padding:5px 10px;font-size:12px}.btn-primary svg{width:14px;height:14px}.editor-body{flex-direction:column;min-height:auto}.edit-panel textarea{min-height:260px;padding:12px 14px;font-size:12px}.preview-panel{min-height:300px;padding:12px}.preview-page{max-width:100%;min-height:400px;padding:30px 20px}.settings-panel{width:100%}.settings-section{padding:14px 16px}.template-grid{gap:8px}.template-card{padding:6px}.template-preview{height:44px;padding:6px}.text-input{width:120px;font-size:12px}.combo-input{width:170px}.combo-select,.combo-text{font-size:12px}.range-input{width:80px}.settings-footer{padding:14px 16px}.feedback-panel{max-width:100%}.feedback-header{padding:16px 18px 12px}.feedback-body{padding:0 18px 18px}.toast-container{left:16px;right:16px}.toast{max-width:100%}}@media (width<=480px){.upload-zone{margin-top:24px;padding:32px 20px}.upload-icon svg{width:36px;height:36px}.upload-title{font-size:13px}.upload-title br,.toolbar-right .icon-btn:not(.icon-btn-settings):not(.icon-btn-new),.btn-primary svg{display:none}.edit-panel textarea{min-height:220px}.preview-panel{min-height:260px}}.template-bar{background:linear-gradient(135deg,#f8f9ff,#f7f8fa);border:1px solid #e8eaf0;border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.template-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.template-bar-list{flex-wrap:wrap;flex:1;gap:6px;display:flex}.template-bar-item{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.template-bar-item:hover{background:#6366f10a;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 6px #6366f11a}.template-bar-active{background:#6366f11a;border-color:#6366f1;font-weight:600;box-shadow:0 0 0 1.5px #6366f14d}.template-bar-manage{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s}.template-bar-manage:hover{color:var(--text)}.template-bar-hint{color:#999;white-space:nowrap;font-size:11px;animation:2s ease-in-out infinite templateHintPulse}@keyframes templateHintPulse{0%,to{opacity:.5}50%{opacity:1}}.template-default-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.template-manager-panel{max-width:420px}.template-manager-count{color:var(--text-secondary);background:#f3f4f6;border-radius:10px;margin-left:8px;margin-right:auto;padding:2px 8px;font-size:12px}.template-manager-body{padding:0 4px}.template-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.template-empty-hint{color:#9ca3af;margin-top:2px;font-size:12px}.template-list{flex-direction:column;gap:8px;display:flex}.template-item{background:#fafbfc;border:1.5px solid #f0f0f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.template-item:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 8px #0000000a}.template-item-default{background:#6366f105;border-color:#6366f14d}.template-item-default:hover{background:#6366f10a;border-color:#6366f180}.template-item-icon{background:#f3f4f6;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.template-item-default .template-item-icon{background:#6366f114}.template-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.template-item-name{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.template-default-badge{color:#6366f1;background:#6366f11a;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4}.template-item-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.template-item-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.template-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.template-action-default{color:#9ca3af}.template-action-default:hover{color:#6366f1;background:#6366f114}.template-action-delete{color:#d1d5db}.template-action-delete:hover{color:#ef4444;background:#ef444414}.template-manager-footer{border-top:1px solid #f0f0f0;justify-content:center;gap:10px;margin-top:12px;padding:14px 0 4px;display:flex}.template-import-section{padding:12px 0 0}.template-import-textarea{resize:vertical;background:#fafbfc;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 12px;font-family:SF Mono,Menlo,monospace;font-size:12px;transition:all .2s}.template-import-textarea:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f114}.save-template-body{padding:4px 0 0}.save-template-desc{color:var(--text-secondary);margin-bottom:14px;font-size:13px;line-height:1.5}.save-template-input-wrap{margin-bottom:18px;position:relative}.save-template-input{width:100%!important;padding-right:48px!important}.save-template-count{color:#9ca3af;pointer-events:none;font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.save-template-actions{justify-content:flex-end;gap:10px;display:flex}.save-template-row{border-top:1px dashed #e5e5e5;align-items:center;gap:12px;margin-top:12px;padding-top:10px;display:flex}.save-template-row .btn-text{background:#f7f8fa;border:1px solid #eee;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.save-template-row .btn-text:hover{background:#eef2ff;border-color:#c7d2fe}.template-quick-section{background:linear-gradient(135deg,#f8f9ff,#f7f8fa)}.template-quick-list{flex-wrap:wrap;gap:6px;display:flex}.template-quick-item{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.template-quick-item:hover{background:#6366f10a;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 6px #6366f11a}.template-quick-active{background:#6366f11a;border-color:#6366f1;box-shadow:0 0 0 1.5px #6366f14d}.template-quick-name{font-size:12px;font-weight:600}.template-quick-meta{color:var(--text-secondary);font-size:10px}.enhanced-wm-row{align-items:center!important}.enhanced-wm-left{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.enhanced-wm-left>span{white-space:nowrap;font-weight:500}.enhanced-wm-locked{align-items:center;gap:4px;display:inline-flex;color:#6366f1!important;font-size:12px!important}.enhanced-wm-locked svg{stroke:#6366f1;flex-shrink:0}.enhanced-wm-entry{background:#f7f8fa;border:1px solid #eee;border-radius:4px;align-items:center;gap:4px;transition:all .15s;display:flex;padding:3px 8px!important;font-size:12px!important}.enhanced-wm-entry:hover{background:#eef2ff;border-color:#c7d2fe}.watermark-layers-panel{max-width:440px}.watermark-layers-body{padding:0 4px}.wm-layers-locked{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.wm-layers-locked p{color:var(--text-secondary);font-size:14px}.wm-presets-section{margin-bottom:16px}.wm-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.wm-preset-btns{flex-wrap:wrap;gap:8px;display:flex}.wm-preset-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s}.wm-preset-contract{color:#92400e;background:#fef3c7;border-color:#fde68a}.wm-preset-contract:hover{background:#fde68a}.wm-preset-official{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.wm-preset-official:hover{background:#bfdbfe}.wm-preset-copyright{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.wm-preset-copyright:hover{background:#e9d5ff}.wm-layers-section{margin-bottom:16px}.wm-layers-empty{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;padding:28px 16px;font-size:13px;display:flex}.wm-layers-list{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.wm-layer-item{background:#fafbfc;border:1.5px solid #eef0f3;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.wm-layer-item:hover{border-color:#dde0e6;box-shadow:0 1px 4px #0000000a}.wm-layer-editing{border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f11f!important}.wm-layer-left{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.wm-layer-idx{color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.wm-layer-content{flex:1;min-width:0}.wm-layer-top{align-items:center;gap:6px;display:flex}.wm-layer-text{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.wm-layer-pos{color:#6366f1;background:#eef2ff;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.wm-layer-meta{color:#9ca3af;margin-top:2px;font-size:11px}.wm-layer-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.wm-action-btn{cursor:pointer;color:#b0b5be;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.wm-action-btn:hover:not(:disabled){color:var(--text);background:#f3f4f6}.wm-action-btn:disabled{opacity:.25;cursor:default}.wm-action-delete:hover:not(:disabled){color:#ef4444;background:#ef44440f}.wm-add-trigger{color:#6366f1;cursor:pointer;background:0 0;border:1.5px dashed #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;padding:8px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.wm-add-trigger:hover{background:#6366f108;border-color:#6366f1}.wm-add-form{background:linear-gradient(135deg,#fafbff,#f7f8ff);border:1.5px solid #c7d2fe;border-radius:12px;margin-top:8px;padding:16px;box-shadow:0 2px 8px #6366f10f}.wm-add-title{color:#4f46e5;border-bottom:1px solid #e0e7ff;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:600;display:flex}.wm-add-field{margin-bottom:12px}.wm-add-field-sm{margin-bottom:0}.wm-field-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.wm-field-input-wrap{position:relative}.wm-field-input{width:100%;color:var(--text);background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:7px 10px;font-size:13px;transition:all .2s}.wm-field-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.wm-field-select{width:100%;color:var(--text);cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:8px;padding:7px 10px;font-size:13px;transition:all .2s}.wm-field-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.wm-char-count{color:#b0b5be;pointer-events:none;font-size:10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.wm-add-field-row{gap:12px;margin-bottom:12px;display:flex}.wm-add-field-row>.wm-add-field{flex:1}.wm-range-wrap{align-items:center;gap:8px;display:flex}.wm-range{accent-color:#6366f1;flex:1;height:4px}.wm-range-val{color:#6b7280;text-align:right;min-width:32px;font-size:12px;font-weight:500}.wm-number-wrap{align-items:center;gap:4px;display:flex}.wm-number-wrap .wm-field-input{text-align:center;flex:none;width:70px}.wm-number-unit{color:#9ca3af;font-size:12px}.wm-toggle-group{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;display:flex;overflow:hidden}.wm-toggle-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex:1;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.wm-toggle-btn.active{color:#fff;background:#6366f1}.wm-toggle-btn:not(.active):hover{color:var(--text);background:#f3f4f6}.wm-add-actions{border-top:1px solid #e0e7ff;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:12px;display:flex}.wm-offline-hint{color:#f59e0b;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12px}.btn-sm{padding:5px 12px!important;font-size:12px!important}.styled-qr-wrapper{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;align-items:center;width:fit-content;padding:20px;display:flex;box-shadow:0 2px 12px #00000014}.styled-qr-header{text-align:center;margin-bottom:12px}.styled-qr-name{color:var(--text);font-size:15px;font-weight:700}.styled-qr-amount{color:var(--primary);letter-spacing:-.5px;font-size:28px;font-weight:800}.styled-qr-box{border:1px solid var(--border);background:#fff;border-radius:12px;padding:8px}.styled-qr-canvas svg,.styled-qr-canvas canvas{display:block}.styled-qr-label{color:var(--text-secondary);text-align:center;margin-top:10px;font-size:12px}