.sd-og-wrap{max-width:960px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1d2327}
.sd-og-wrap *{box-sizing:border-box}
.sd-og-input-group{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}
.sd-og-input{flex:1;min-width:250px;padding:12px 16px;border:2px solid #dcdcde;border-radius:8px;font-size:16px;transition:border-color .2s}
.sd-og-input:focus{border-color:#2271b1;outline:0}
.sd-og-btn{padding:12px 24px;border:0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.sd-og-btn-primary{background:#2271b1;color:#fff}
.sd-og-btn-primary:hover{background:#135e96}
.sd-og-btn-outline{background:transparent;color:#2271b1;border:2px solid #2271b1}
.sd-og-btn-outline:hover{background:#2271b1;color:#fff}
.sd-og-btn-small{padding:6px 14px;font-size:13px}
.sd-og-loading{text-align:center;padding:40px;color:#666}
.sd-og-spinner{display:inline-block;width:24px;height:24px;border:3px solid #dcdcde;border-top-color:#2271b1;border-radius:50%;animation:sd-og-spin .8s linear infinite;margin-right:8px;vertical-align:middle}
@keyframes sd-og-spin{to{transform:rotate(360deg)}}
.sd-og-error{background:#fcf0f0;border:1px solid #d63638;color:#d63638;padding:16px;border-radius:8px;margin:16px 0}
.sd-og-usage-bar{display:flex;gap:20px;background:#f0f6fc;border:1px solid #c3c4c7;padding:12px 16px;border-radius:8px;margin:12px 0;font-size:14px}
.sd-og-tabs{display:flex;border-bottom:2px solid #dcdcde;gap:0;flex-wrap:wrap;margin:24px 0 0}
.sd-og-tab{padding:12px 20px;border:0;background:0;font-size:14px;font-weight:600;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}
.sd-og-tab.active{color:#2271b1;border-bottom-color:#2271b1}
.sd-og-tab:hover{color:#2271b1}
.sd-og-tab-content{display:none;padding:24px 0}
.sd-og-tab-content.active{display:block}
.sd-og-card{border:1px solid #dcdcde;border-radius:12px;overflow:hidden;max-width:500px;background:#fff}
.sd-og-card-image{width:100%;height:260px;background-size:cover;background-position:center;background-color:#f0f0f0;min-height:200px}
.sd-og-card-body{padding:16px}
.sd-og-card-domain{font-size:11px;text-transform:uppercase;color:#787c82;margin-bottom:4px;letter-spacing:.5px}
.sd-og-card-title{font-size:16px;font-weight:600;line-height:1.3;margin-bottom:8px}
.sd-og-card-desc{font-size:13px;color:#666;line-height:1.5}
.sd-og-card-facebook .sd-og-card-domain{color:#4267b2}
.sd-og-card-twitter .sd-og-card-domain{color:#0f1419}
.sd-og-card-linkedin .sd-og-card-domain{color:#0a66c2}
.sd-og-card-slack{display:flex}
.sd-og-slack-sidebar{width:4px;background:#4a154b;min-height:100px}
.sd-og-slack-body{border-left:1px solid #dcdcde;flex:1;padding:12px}
.sd-og-platform-links{margin:12px 0;font-size:13px}
.sd-og-platform-links a{color:#2271b1}
.sd-og-tag-list{margin:8px 0 20px}
.sd-og-tag-item{background:#f6f7f7;border:1px solid #dcdcde;padding:8px 12px;border-radius:6px;margin-bottom:6px;font-family:monospace;font-size:13px;word-break:break-all}
.sd-og-tag-label{font-weight:600;color:#2271b1}
.sd-og-tag-missing{color:#d63638;font-style:italic}
.sd-og-gen-output{margin-top:24px}
.sd-og-code-block{position:relative;background:#1d2327;border-radius:8px;padding:20px;overflow-x:auto}
.sd-og-code-block pre{color:#d4d4d4;font-family:monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;margin:0}
.sd-og-copy-btn{position:absolute;top:8px;right:8px;background:#3c434a;color:#fff;border:0;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}
.sd-og-copy-btn:hover{background:#50575e}
.sd-og-generator-form{margin:20px 0}
.sd-og-generator-form label{display:block;font-weight:600;margin:16px 0 6px;font-size:14px}
.sd-og-generator-form label span{font-weight:400;color:#787c82}
.sd-og-textarea{width:100%;padding:12px 16px;border:2px solid #dcdcde;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical}
.sd-og-toggle-wrap{display:flex;align-items:center;gap:12px;margin:20px 0;justify-content:center}
.sd-og-toggle{position:relative;display:inline-block;width:52px;height:28px}
.sd-og-toggle input{opacity:0;width:0;height:0}
.sd-og-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#dcdcde;border-radius:28px;transition:.3s}
.sd-og-toggle-slider:before{position:absolute;content:'';height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.sd-og-toggle input:checked+.sd-og-toggle-slider{background:#2271b1}
.sd-og-toggle input:checked+.sd-og-toggle-slider:before{transform:translateX(24px)}
.sd-og-toggle-label{font-size:14px;color:#666}
.sd-og-discount-badge{background:#00a32a;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}
.sd-og-plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:30px 0}
.sd-og-plan-card{background:#fff;border:2px solid #dcdcde;border-radius:16px;padding:32px 24px;text-align:center;position:relative;transition:transform .2s,box-shadow .2s}
.sd-og-plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.sd-og-plan-popular{border-color:#2271b1;box-shadow:0 4px 16px rgba(34,113,177,.12)}
.sd-og-plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#2271b1;color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700}
.sd-og-plan-name{font-size:20px;margin:0 0 8px}
.sd-og-plan-price{margin:16px 0}
.sd-og-price-amount{font-size:38px;font-weight:800}
.sd-og-price-period{font-size:14px;color:#787c82}
.sd-og-plan-desc{font-size:14px;color:#666;margin:0 0 20px}
.sd-og-plan-features{list-style:none;padding:0;margin:24px 0 0;text-align:left}
.sd-og-plan-features li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.sd-og-check{color:#00a32a;font-weight:700;margin-right:6px}
.sd-og-faq{margin:48px 0}
.sd-og-faq summary{font-weight:600;cursor:pointer;padding:12px 0;font-size:15px}
.sd-og-faq details{border-bottom:1px solid #dcdcde;padding:8px 0}
.sd-og-faq p{color:#666;line-height:1.6}
.sd-og-score-card{text-align:center;margin:24px 0}
.sd-og-score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;margin:0 auto;color:#fff}
.sd-og-score-good{background:#00a32a}
.sd-og-score-warn{background:#dba617;color:#1d2327}
.sd-og-score-bad{background:#d63638}
.sd-og-audit-issues{margin-top:24px}
.sd-og-audit-issue{padding:12px 16px;border-radius:8px;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.sd-og-issue-error{background:#fcf0f0;border:1px solid #facfd2}
.sd-og-issue-warning{background:#fcf9e8;border:1px solid #f0e2a0}
.sd-og-issue-info{background:#f0f6fc;border:1px solid #c5d9ed}
.sd-og-issue-success{background:#edfaef;border:1px solid #b8e6bf}
.sd-og-issue-type{font-weight:700;font-size:12px;text-transform:uppercase;min-width:60px}
.sd-og-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:16px 0}
.sd-og-usage-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:16px}
.sd-og-usage-card-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}
.sd-og-progress-bar{height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}
.sd-og-progress-fill{height:100%;background:#2271b1;border-radius:4px;transition:width .4s}
.sd-og-plan-badge-large{background:#f0f6fc;border:2px solid #2271b1;padding:12px 20px;border-radius:8px;margin:16px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sd-og-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:20px 0}
.sd-og-admin-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:20px}
.sd-og-admin-card h3{margin:0 0 8px}
.sd-og-admin-card p{color:#666;font-size:14px;margin:0 0 12px}
.sd-og-admin-card code{background:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:12px}
.sd-og-share-link-wrap{display:flex;gap:8px;margin:12px 0}
.sd-og-share-list{margin:16px 0}
.sd-og-share-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}
.sd-og-share-date{color:#787c82;font-size:13px}
.sd-og-alt-result{background:#f6f7f7;border:1px solid #dcdcde;padding:16px;border-radius:8px;font-size:15px;margin:12px 0}
.sd-og-notice{background:#f0f6fc;border:1px solid #c5d9ed;padding:16px;border-radius:8px}
.sd-og-gen-instruction{color:#666;font-size:13px;margin:8px 0}
@media(max-width:600px){.sd-og-input-group{flex-direction:column}.sd-og-plan-cards{grid-template-columns:1fr}.sd-og-tabs{overflow-x:auto}}