:root{--bg:#f3f4f8;--surface:#fff;--surface-muted:#f7f8fb;--border:#e6e8f0;--border-strong:#d4d8e4;--border-hover:#c9cce8;--text:#1c1d29;--text-secondary:#5e6478;--text-tertiary:#8b90a3;--primary:#5551d4;--primary-strong:#4440c2;--primary-soft:#eef0ff;--primary-soft-on-dark:#a5a8ff29;--primary-text-soft:#c5c9ff;--primary-on-dark:#6b68e6;--danger:#dc4a5a;--danger-soft:#fff1f3;--dark-surface:#222336;--dark-surface-raised:#2c2e44;--dark-surface-hover:#33354c;--dark-border:#3a3c54;--dark-border-strong:#4d5070;--dark-text:#f3f4f8;--dark-text-secondary:#9aa0b8;--dark-preview-bg:#6b68e62e;--dark-preview-text:#dfe1ff;--dark-shadow:0 10px 28px #34307829;--focus-ring:2px solid var(--primary);color:var(--text);background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;font-family:inherit}button:focus-visible,select:focus-visible{outline:var(--focus-ring);outline-offset:2px}.page{max-width:1180px;margin:0 auto;padding:28px 20px 48px}.hero{margin-bottom:16px}.hero h1{color:var(--text);margin:0 0 4px;font-size:22px}.hero p{color:var(--text-secondary);margin:0;font-size:13px}.workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.workspace-main{min-width:0}.section-title{margin:0;font-size:15px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 4px 18px #3430780a}.controls{z-index:2;grid-template-columns:minmax(140px,1fr) minmax(140px,1.2fr) 110px auto;align-items:end;gap:12px;display:grid;position:sticky;top:12px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--text-secondary);font-size:12px}.field select{border:1px solid var(--border-strong);background:var(--surface);height:40px;color:var(--text);border-radius:8px;padding:0 10px;font-size:14px;transition:border-color .15s}.field select:hover{border-color:var(--primary)}.primary-btn{background:var(--primary);color:#fff;white-space:nowrap;border:none;border-radius:8px;height:40px;padding:0 22px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s}.primary-btn:hover{background:var(--primary-strong);box-shadow:0 6px 14px #5551d447}.results{flex-direction:column;gap:12px;margin-top:16px;display:flex}.result-card{background:var(--dark-surface);border:1px solid var(--dark-border);box-shadow:var(--dark-shadow);border-radius:12px;padding:12px 14px}.result-no{background:var(--primary-soft-on-dark);min-width:24px;height:24px;color:var(--primary-text-soft);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.result-head-left{align-items:center;gap:8px;min-width:0;display:flex}.result-card .tag{color:var(--primary-text-soft);background:var(--primary-soft-on-dark)}.result-card .ghost-btn{border-color:var(--dark-border-strong);color:var(--dark-text);background:0 0}.result-card .ghost-btn:hover{border-color:var(--primary-on-dark);color:var(--primary-text-soft)}.result-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.copy-all-btn{background:var(--primary-on-dark);color:#fff;white-space:nowrap;border:none;border-radius:8px;height:30px;padding:0 14px;font-size:13px;font-weight:600}.copy-all-btn:hover{background:var(--primary)}.copy-preview{background:var(--dark-preview-bg);color:var(--dark-preview-text);word-break:break-all;border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:13px;line-height:1.5}.result-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-field{border:1px solid var(--dark-border);background:var(--dark-surface-raised);cursor:pointer;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;transition:border-color .15s,background .15s;display:flex}.result-field:hover{border-color:var(--primary-on-dark);background:var(--dark-surface-hover)}.result-field.is-wide{grid-column:1/-1;grid-template-columns:1fr auto;grid-template-areas:"label copy""value value";align-items:center;display:grid}.result-field.is-wide .result-label{grid-area:label}.result-field.is-wide .result-value{text-align:left;grid-area:value;margin-top:2px}.result-field.is-wide .result-copy{grid-area:copy}.result-label{color:var(--dark-text-secondary);white-space:nowrap;flex:none;font-size:13px;font-weight:400}.usage-count{vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-block}.result-card .usage-count{background:var(--primary-soft-on-dark);color:var(--primary-text-soft)}.saved-text .usage-count{background:var(--primary-soft);color:var(--primary)}.result-card .usage-count.is-high,.saved-text .usage-count.is-high{background:var(--danger);color:#fff}.result-value{text-align:right;min-width:0;color:var(--dark-text);word-break:break-word;flex:1;font-size:15px;font-weight:700;line-height:1.45}.result-copy{width:28px;height:28px;color:var(--dark-text-secondary);background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.result-copy:hover{color:var(--dark-text);background:var(--primary-soft-on-dark)}.copy-icon{width:16px;height:16px;display:block}.tag{color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:3px 12px;font-size:12px}.result-actions{gap:8px;display:flex}.ghost-btn{border:1px solid var(--border-strong);background:var(--surface);height:32px;color:var(--text);border-radius:8px;padding:0 14px;font-size:13px}.ghost-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.ghost-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn.danger{color:var(--danger)}.ghost-btn.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.mini-btn{border:1px solid var(--border-strong);background:var(--surface);height:26px;color:var(--text-secondary);border-radius:6px;padding:0 10px;font-size:12px}.mini-btn:hover{border-color:var(--primary);color:var(--primary)}.mini-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.saved{flex-direction:column;max-height:calc(100vh - 24px);margin-top:0;display:flex;position:sticky;top:12px;overflow:hidden}.saved-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.saved-head h2{margin:0;font-size:16px}.saved-actions{gap:8px;display:flex}.saved-list{flex-direction:column;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.saved-list li{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:border-color .15s,background .15s;display:flex}.saved-list li:hover{border-color:var(--border-hover);background:var(--surface)}.saved-text{color:var(--text-secondary);flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.saved-text strong{color:var(--text);font-size:14px}.saved-btns{flex-shrink:0;gap:6px;display:flex}.empty-tip{text-align:center;color:var(--text-tertiary);padding:28px 0;font-size:14px}.toast{background:var(--dark-surface);color:var(--dark-text);box-shadow:var(--dark-shadow);border-radius:999px;padding:9px 20px;font-size:13px;animation:.2s fade-in;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (width<=960px){.workspace{grid-template-columns:1fr}.controls,.saved{max-height:none;position:static}.saved-list{max-height:420px}}@media (width<=720px){.controls{grid-template-columns:1fr 1fr}.primary-btn{grid-column:1/-1}.result-grid{grid-template-columns:1fr}.result-label{white-space:normal}.saved-list li{align-items:flex-start}}