.s2g-page{--s2g-bg: #071211;--s2g-surface: rgba(15, 28, 26, .94);--s2g-surface-2: rgba(22, 39, 36, .92);--s2g-card: rgba(255, 255, 255, .055);--s2g-code: #071014;--s2g-code-2: #0c141f;--s2g-border: rgba(148, 163, 184, .18);--s2g-border-strong: rgba(45, 212, 191, .34);--s2g-text: #f6fffb;--s2g-text-soft: #cce1dc;--s2g-text-muted: #8aa5a0;--s2g-primary: #2dd4bf;--s2g-primary-2: #0ea5e9;--s2g-accent: #a78bfa;--s2g-danger: #fb7185;--s2g-warning: #fbbf24;--s2g-shadow: 0 22px 72px rgba(0, 0, 0, .34);--s2g-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--s2g-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;min-height:100vh;padding:24px;color:var(--s2g-text);font-family:var(--s2g-sans);background:radial-gradient(circle at 12% 0%,rgba(45,212,191,.16),transparent 30%),radial-gradient(circle at 88% 8%,rgba(14,165,233,.16),transparent 28%),linear-gradient(180deg,#071211,#0e1b19 52%,#0b1416)}.s2g-hero,.s2g-options,.s2g-panel,.s2g-ai-panel,.s2g-info-card{border:1px solid var(--s2g-border);background:var(--s2g-surface);box-shadow:var(--s2g-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.s2g-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1500px;margin:0 auto 18px;padding:28px;border-radius:28px}.s2g-kicker{display:inline-flex;width:fit-content;padding:6px 11px;border:1px solid rgba(45,212,191,.26);border-radius:999px;background:#2dd4bf1f;color:#7dd3fc;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.s2g-hero h1{margin:13px 0 9px;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.045em}.s2g-hero p{max-width:780px;margin:0;color:var(--s2g-text-soft);font-size:15px;line-height:1.72}.s2g-hero-badges,.s2g-option-group,.s2g-actions,.s2g-panel-head,.s2g-ai-result-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.s2g-hero-badges span{padding:8px 12px;border:1px solid var(--s2g-border);border-radius:999px;background:#ffffff0f;color:var(--s2g-text-soft);font-size:13px;font-weight:800;white-space:nowrap}.s2g-options{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1500px;margin:0 auto 18px;padding:16px 18px;border-radius:22px}.s2g-opt{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--s2g-border);border-radius:12px;background:#ffffff0b;color:var(--s2g-text-soft);font-size:13px;font-weight:800;-webkit-user-select:none;user-select:none;cursor:pointer}.s2g-opt input{width:16px;height:16px;accent-color:var(--s2g-primary)}.s2g-btn,.s2g-panel-head button,.s2g-ai-modes button,.s2g-ai-result-head button{border:1px solid var(--s2g-border);border-radius:12px;background:#ffffff12;color:var(--s2g-text);cursor:pointer;font-family:var(--s2g-sans);font-weight:800;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.s2g-btn{min-height:38px;padding:9px 14px;font-size:13px}.s2g-btn:hover,.s2g-panel-head button:hover,.s2g-ai-modes button:hover,.s2g-ai-result-head button:hover{transform:translateY(-1px);border-color:var(--s2g-border-strong);box-shadow:0 12px 30px #2dd4bf21}.s2g-btn-primary{border-color:transparent;color:#04201d;background:linear-gradient(135deg,#5eead4,#2dd4bf 52%,#38bdf8);box-shadow:0 14px 34px #2dd4bf38}.s2g-btn-ai{width:100%;justify-content:center;border-color:transparent;color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1,#a855f7);box-shadow:0 16px 38px #6366f140}.s2g-btn-danger{color:#fecdd3;border-color:#fb718547;background:#fb71851c}.s2g-btn:disabled{opacity:.62;cursor:not-allowed;transform:none}.s2g-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;max-width:1500px;margin:0 auto;align-items:start}.s2g-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-height:610px}.s2g-panel,.s2g-ai-panel{overflow:hidden;border-radius:24px}.s2g-panel{display:flex;min-width:0;min-height:610px;flex-direction:column}.s2g-panel-head{justify-content:space-between;min-height:58px;padding:13px 16px;border-bottom:1px solid var(--s2g-border);background:#ffffff0b}.s2g-panel-head div{display:flex;min-width:0;flex-direction:column;gap:3px}.s2g-panel-head strong{color:var(--s2g-text);font-size:14px}.s2g-panel-head span,.s2g-panel-head div span{color:var(--s2g-text-muted);font-size:12px;font-weight:700}.s2g-panel-head button,.s2g-ai-result-head button{padding:6px 10px;color:var(--s2g-primary);font-size:12px}.s2g-editor,.s2g-output,.s2g-ai-prompt textarea,.s2g-ai-result pre{font-family:var(--s2g-mono)}.s2g-editor,.s2g-output{flex:1;width:100%;min-height:0;margin:0;padding:18px;border:0;outline:none;box-sizing:border-box;font-size:13.5px;line-height:1.72;-moz-tab-size:2;tab-size:2}.s2g-editor{resize:none;color:var(--s2g-text);background:linear-gradient(90deg,rgba(45,212,191,.055) 1px,transparent 1px) 0 0 / 48px 48px,var(--s2g-code)}.s2g-editor::placeholder{color:#69837e}.s2g-output{overflow:auto;white-space:pre;color:#d8f3ee;background:radial-gradient(circle at 18% 0%,rgba(45,212,191,.08),transparent 28%),var(--s2g-code-2)}.s2g-ai-panel{position:sticky;top:18px;padding-bottom:16px}.s2g-ai-head{padding:16px;border-bottom:1px solid var(--s2g-border);background:#ffffff0b}.s2g-ai-head h2{margin:10px 0 0;font-size:20px;letter-spacing:-.02em}.s2g-ai-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.s2g-ai-modes button{min-height:82px;padding:12px;text-align:left}.s2g-ai-modes button.active{border-color:var(--s2g-primary);background:#2dd4bf21}.s2g-ai-modes strong,.s2g-ai-modes span{display:block}.s2g-ai-modes strong{margin-bottom:5px;color:var(--s2g-text);font-size:13px}.s2g-ai-modes span{color:var(--s2g-text-muted);font-size:12px;line-height:1.45}.s2g-ai-prompt{display:flex;flex-direction:column;gap:8px;padding:0 16px 14px;color:var(--s2g-text-muted);font-size:12px;font-weight:900}.s2g-ai-prompt textarea{min-height:106px;padding:12px;border:1px solid var(--s2g-border);border-radius:14px;resize:vertical;outline:none;color:var(--s2g-text);background:#ffffff0e;font-size:13px;line-height:1.62}.s2g-ai-prompt textarea:focus{border-color:var(--s2g-primary);box-shadow:0 0 0 3px #2dd4bf26}.s2g-ai-panel>.s2g-btn-ai{width:calc(100% - 32px);margin:0 16px 16px}.s2g-ai-result{margin:0 16px;overflow:hidden;border:1px solid var(--s2g-border);border-radius:18px;background:var(--s2g-code)}.s2g-ai-result-head{justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--s2g-border);color:var(--s2g-text-muted);font-size:12px;font-weight:900}.s2g-ai-result pre{min-height:170px;max-height:360px;margin:0;padding:14px;overflow:auto;white-space:pre-wrap;color:var(--s2g-text-soft);font-size:13px;line-height:1.68}.s2g-insights{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:18px;max-width:1500px;margin:18px auto 0}.s2g-info-card{min-height:132px;padding:18px;border-radius:22px}.s2g-info-card h3{margin:0 0 10px;font-size:15px}.s2g-info-card p{margin:0;color:var(--s2g-text-soft);font-size:13px;line-height:1.78}.s2g-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(88px,1fr));gap:10px}.s2g-summary-grid span{min-width:0;padding:12px;border:1px solid var(--s2g-border);border-radius:16px;background:#ffffff0b}.s2g-summary-grid strong,.s2g-summary-grid small{display:block}.s2g-summary-grid strong{overflow:hidden;color:var(--s2g-primary);font-size:18px;text-overflow:ellipsis;white-space:nowrap}.s2g-summary-grid small{margin-top:4px;color:var(--s2g-text-muted);font-size:11px;font-weight:800}.s2g-toast{position:fixed;top:24px;left:50%;z-index:10000;transform:translate(-50%);padding:11px 18px;border-radius:999px;color:#fff;background:#0f172af2;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 44px #00000052;font-size:13px;font-weight:900;animation:s2gToast .22s ease}.s2g-toast-success{background:#0d9488f5}.s2g-toast-error{background:#dc2626f5}.s2g-toast-warn{background:#d97706f5}.s2g-toast-info{background:#2563ebf5}@keyframes s2gToast{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1240px){.s2g-layout{grid-template-columns:1fr}.s2g-ai-panel{position:static}.s2g-insights{grid-template-columns:1fr}}@media (max-width: 920px){.s2g-page{padding:14px}.s2g-hero,.s2g-options{align-items:flex-start;flex-direction:column}.s2g-workspace{grid-template-columns:1fr}.s2g-panel{min-height:420px}.s2g-summary-grid,.s2g-ai-modes{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.s2g-hero,.s2g-options,.s2g-info-card{border-radius:18px;padding:16px}.s2g-hero-badges,.s2g-option-group,.s2g-actions{width:100%}.s2g-btn,.s2g-opt{flex:1 1 auto;justify-content:center}.s2g-ai-modes,.s2g-summary-grid{grid-template-columns:1fr}.s2g-editor,.s2g-output{font-size:12.5px}}