.dashShell{padding:40px;max-width:1200px;margin:0 auto;width:100%}.dashShell>header{margin-bottom:40px}.dashShell>header h1{font-size:2.2rem;font-weight:800;color:var(--color-text-primary);margin:0 0 8px}.dashShell>header p{color:var(--color-text-muted);font-size:1.1rem;margin:0}.dashShell .grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.dashShell .grid .integration,.dashShell .grid .preview{background:var(--global-card-bg);border:1px solid var(--color-border-primary);border-radius:20px;padding:32px;display:flex;flex-direction:column;min-width:0}.dashShell .grid .integration>header,.dashShell .grid .preview>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashShell .grid .integration>header h3,.dashShell .grid .preview>header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--color-text-primary)}.dashShell .grid .preview>header span{background:rgba(16,185,129,.1);color:var(--color-accent-green,#10b981);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid rgba(16,185,129,.2)}.dashShell .grid .integration>p,.dashShell .grid .preview>p{color:var(--color-text-muted);font-size:.95rem;margin:0 0 24px;line-height:1.5}.dashShell .grid .integration>p strong,.dashShell .grid .preview>p strong{color:var(--color-text-primary)}#previewWidgetBox{position:relative;height:300px;margin-top:16px;display:flex;flex-direction:column}.dashShell .grid .integration figure{background:#f8fafc;border-radius:12px;border:1px solid var(--color-border-primary);overflow:hidden;position:relative;margin:0 0 32px}.dashShell .grid .integration figure pre{margin:0;padding:20px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.dashShell .grid .integration figure code{font-family:var(--font-family-mono);color:#1e293b;font-size:.9rem;line-height:1.5}.codeTag{color:#be185d}.codeAttr{color:#b45309}.codeStr{color:#047857}.dashShell .grid .integration figure>header{background:rgba(0,0,0,.02);padding:12px 16px;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;align-items:center}.dashShell .grid .integration figure>header>span{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.btnCopy{background:rgba(0,0,0,.05);color:var(--color-text-primary);border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:.2s}.btnCopy:hover{background:rgba(0,0,0,.1)}.btnCopy.copied{background:var(--color-accent-green,#10b981);color:#fff}.btnSecondary{display:inline-block;padding:12px 24px;border-radius:8px;background:0 0;color:var(--color-text-primary);border:1px solid var(--color-border-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:.2s;text-align:center;width:100%}.btnSecondary:hover{background:rgba(0,0,0,.02)}@media (max-width:900px){.dashShell .grid{grid-template-columns:1fr}}.widgetActiveBadge{margin-top:32px;padding:24px;background:rgba(59,130,246,.05);border-radius:16px;border:1px solid rgba(59,130,246,.15);text-align:center;color:var(--color-text-primary)}.badgeTitle{display:block;font-weight:600;margin-bottom:8px;color:var(--color-accent,#3b82f6)}.badgeDesc{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin:0}@media (max-width:768px){.dashShell{padding:24px 16px}.dashShell .grid .integration,.dashShell .grid .preview{padding:20px}}