.sf-seo-content-plan{padding:0 0 28px;color:#eaf0f8}.sf-content-plan-shell{min-width:0}.sf-content-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 0 18px}.sf-content-plan-head h2{margin:3px 0 5px;font-size:var(--sf-seo-section,17px);color:#fff}.sf-content-plan-head p{margin:0;color:#93a5ba;font-size:var(--sf-seo-copy,11.5px)}.sf-content-plan-eyebrow{color:#9b63ff!important;text-transform:uppercase;letter-spacing:.12em;font-size:var(--sf-seo-meta,10.5px)!important;font-weight:700}.sf-content-plan-actions{display:flex;gap:9px}.sf-content-plan-actions button,.sf-content-plan-toolbar button{border:1px solid rgba(123,151,187,.25);border-radius:8px;background:#101e2c;color:#dfe9f5;min-height:36px;padding:0 13px;font-weight:650}.sf-content-plan-actions .sf-content-plan-ai{border-color:rgba(139,78,255,.55);background:linear-gradient(135deg,rgba(96,45,176,.42),rgba(35,23,78,.72));color:#c9a8ff}.sf-content-plan-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sf-content-plan-toolbar strong{min-width:165px;text-align:center;text-transform:capitalize;font-size:var(--sf-seo-section,17px)}.sf-content-plan-toolbar span{margin-left:auto;color:#8497ad;font-size:var(--sf-seo-meta,10.5px)}.sf-content-plan-toolbar button{width:36px;padding:0;font-size:20px}.sf-content-plan-toolbar button:disabled{opacity:.32;cursor:not-allowed}.sf-content-plan-weekdays,.sf-content-plan-grid{display:grid;grid-template-columns:repeat(7,minmax(125px,1fr))}.sf-content-plan-weekdays{border:1px solid #213448;border-bottom:0;border-radius:10px 10px 0 0;background:#0d1926}.sf-content-plan-weekdays span{padding:9px 12px;color:#7f91a7;font-size:var(--sf-seo-meta,10.5px);font-weight:700;text-transform:uppercase}.sf-content-plan-grid{border-left:1px solid #213448;border-top:1px solid #213448}.sf-content-plan-day{min-width:0;min-height:172px;display:flex;flex-direction:column;border-right:1px solid #213448;border-bottom:1px solid #213448;background:#0b1723;transition:.15s}.sf-content-plan-day.is-outside{background:#08131e;opacity:.5}.sf-content-plan-day.is-past{background:#08131e;opacity:.28;pointer-events:none}.sf-content-plan-day.is-dragover{background:rgba(91,55,165,.22);box-shadow:inset 0 0 0 1px #8f58ef}.sf-content-plan-day header{display:flex;justify-content:space-between;padding:9px 10px 5px;color:#e8eef6}.sf-content-plan-day header span{display:none;color:#7d90a6;font-size:10px}.sf-content-plan-dropzone{min-height:132px;flex:1;padding:5px 7px 8px;display:flex;flex-direction:column}.sf-content-plan-empty{width:100%;min-height:119px;height:100%;flex:1;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed rgba(114,141,173,.22);border-radius:8px;background:transparent;color:#fff;font-size:var(--sf-seo-body,12px);opacity:.9;transition:.15s;text-align:center}.sf-content-plan-empty button{border:0;background:transparent;color:#a878ff;font:inherit;font-weight:700;cursor:pointer;padding:2px 4px}.sf-content-plan-empty button:hover{color:#c5a3ff;text-decoration:underline}.sf-content-plan-empty-label{color:#fff;font-weight:650}.sf-content-plan-empty-or{color:#91a3b7;font-size:calc(var(--sf-seo-body,12px) - 1px);line-height:1}.sf-content-plan-empty button{max-width:100%;line-height:1.35}.sf-content-plan-day:hover .sf-content-plan-empty{opacity:1}.sf-content-plan-card{position:relative;margin-bottom:6px;padding:9px 24px 8px 9px;border:1px solid rgba(143,88,239,.38);border-radius:8px;background:linear-gradient(145deg,rgba(49,30,82,.72),rgba(14,26,39,.95));cursor:grab}.sf-content-plan-card:active{cursor:grabbing}.sf-content-plan-card-type{display:inline-block;margin-bottom:6px;padding:2px 5px;border-radius:10px;background:#203c55;color:#7fd1ff;font-size:8px;font-weight:700;text-transform:uppercase}.sf-content-plan-card strong{display:block;color:#f5f7fb;font-size:10px;line-height:1.3}.sf-content-plan-card-keyword{display:block;margin:4px 0 8px;color:#8fa1b5;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-content-plan-card div{display:flex;justify-content:space-between;color:#7f91a5;font-size:8px}.sf-content-plan-card div b{color:#c8d3df}.sf-content-plan-card>button{position:absolute;right:5px;top:5px;border:0;background:transparent;color:#71869e;font-size:15px}.sf-content-plan-modal{position:fixed;z-index:10030;inset:0;display:grid;place-items:center;padding:20px;background:rgba(2,8,15,.72);backdrop-filter:blur(4px)}.sf-content-plan-modal[hidden]{display:none}.sf-content-plan-dialog{position:relative;width:min(560px,100%);max-height:min(720px,90vh);overflow:auto;padding:24px;border:1px solid #2a3d53;border-radius:14px;background:#0e1a28;box-shadow:0 24px 80px rgba(0,0,0,.45)}.sf-content-plan-dialog h3{margin:9px 0 5px;font-size:20px}.sf-content-plan-dialog>p{margin:0 0 18px;color:#91a3b7;font-size:11px;line-height:1.5}.sf-content-plan-ai-badge{color:#bd91ff;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.sf-content-plan-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#9aabbd;font-size:24px}.sf-content-plan-dialog label{display:grid;gap:6px;color:#b7c4d2;font-size:10px;font-weight:700}.sf-content-plan-dialog input{height:42px;border:1px solid #2a3e55;border-radius:8px;background:#091521;color:#fff;padding:0 12px;outline:none}.sf-content-plan-research-submit{width:100%;height:40px;margin:10px 0 16px;border:1px solid #7951c6;border-radius:8px;background:#5c35a5;color:#fff;font-weight:700}.sf-content-plan-results-head{display:flex;justify-content:space-between;margin:8px 0;color:#93a5ba;font-size:10px}.sf-content-plan-suggestion{width:100%;display:grid;grid-template-columns:1fr auto 26px;align-items:center;gap:12px;padding:10px 8px;border:0;border-top:1px solid #1e3043;background:transparent;color:#cbd6e2;text-align:left}.sf-content-plan-suggestion strong,.sf-content-plan-suggestion small{display:block}.sf-content-plan-suggestion small{margin-top:3px;color:#70859d}.sf-content-plan-suggestion>b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#50318d;color:#fff}@media(max-width:900px){.sf-content-plan-head{flex-direction:column}.sf-content-plan-actions{width:100%;flex-wrap:wrap}.sf-content-plan-weekdays{display:none}.sf-content-plan-grid{display:block;border:0}.sf-content-plan-day{min-height:88px;margin-bottom:8px;border:1px solid #213448;border-radius:9px}.sf-content-plan-day.is-outside{display:none}.sf-content-plan-day.is-past{display:none}.sf-content-plan-day header span{display:inline}.sf-content-plan-dropzone{min-height:48px}.sf-content-plan-empty{min-height:42px;opacity:1}.sf-content-plan-card{padding:10px 30px 10px 10px}.sf-content-plan-toolbar strong{min-width:130px}.sf-content-plan-toolbar span{display:none}}
.sf-content-plan-card{padding:32px 9px 9px}.sf-content-plan-card-actions{position:absolute;top:6px;right:6px;display:flex!important;justify-content:flex-end!important;gap:4px!important}.sf-content-plan-card-actions button{position:relative;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid rgba(163,112,255,.48);border-radius:50%;background:#102032;color:#bb8cff;cursor:pointer}.sf-content-plan-card-actions button:hover{background:#38205f;color:#fff}.sf-content-plan-card-actions svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sf-content-plan-card-actions em{position:absolute;right:-4px;top:-6px;min-width:13px;height:13px;padding:0 3px;border-radius:8px;background:#f1a91b;color:#1c1608;font-size:7px;font-style:normal;line-height:13px;text-align:center}.sf-content-plan-card-actions i{position:absolute;right:1px;top:1px;width:5px;height:5px;border-radius:50%;background:#50d890;box-shadow:0 0 0 2px #102032}.sf-content-plan-card-meta{margin-bottom:8px}.sf-content-plan-prepare{position:static!important;width:100%;min-height:27px;margin-top:8px;border:0!important;border-top:1px solid rgba(143,88,239,.25)!important;border-radius:0!important;background:transparent!important;color:#a86cff!important;font-size:9px!important;font-weight:750;cursor:pointer}.sf-content-plan-prepare:hover{color:#d4b7ff!important}.sf-content-plan-prepare.is-done{color:#5fd89a!important}.sf-content-plan-card.is-prepared{border-color:rgba(69,197,133,.42)}.sf-content-plan-editor-dialog{width:min(680px,100%)}.sf-content-plan-editor-dialog form{display:grid;gap:18px}.sf-content-plan-editor-dialog label{font-size:12px;line-height:1.45;color:#dce5ef}.sf-content-plan-editor-dialog textarea{width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #2a3e55;border-radius:8px;background:#091521;color:#fff;font:inherit;line-height:1.45;resize:vertical;outline:none}.sf-content-plan-editor-dialog textarea:focus{border-color:#8557d4;box-shadow:0 0 0 2px rgba(133,87,212,.14)}.sf-content-plan-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin:22px -24px -24px;padding:16px 24px;border-top:1px solid #203248;background:#0b1724}.sf-content-plan-dialog-actions button{min-height:38px;padding:0 16px;border:1px solid #2a3e55;border-radius:8px;background:#132233;color:#dfe8f2;font-weight:700;cursor:pointer}.sf-content-plan-dialog-actions .is-primary{border-color:#7f43e7;background:#7f43e7;color:#fff}.sf-content-plan-dialog-actions .is-danger{border-color:#b94d63;background:#8f3044;color:#fff}.sf-content-plan-confirm{width:min(520px,100%)}.sf-content-plan-confirm>p strong{color:#fff}.sf-content-plan-prepare-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 4px}.sf-content-plan-prepare-summary span{padding:12px;border:1px solid #23384d;border-radius:9px;background:#0a1622;color:#8fa3b8;font-size:10px}.sf-content-plan-prepare-summary b{display:block;margin-bottom:3px;color:#eef4fb;font-size:13px}@media(max-width:900px){.sf-content-plan-card{padding-top:34px}.sf-content-plan-card-actions button{width:28px;height:28px}.sf-content-plan-prepare-summary{grid-template-columns:1fr}.sf-content-plan-dialog-actions{position:sticky;bottom:-24px}}
.sf-keyword-research-overlay {
  position: fixed;
  z-index: 10040;
  inset: 0;
  background: rgba(2, 8, 15, .62);
  backdrop-filter: blur(3px);
}

.sf-keyword-research-drawer {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  width: min(720px, 100%);
  height: 100%;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #334b64;
  border-top: 3px solid #8448f4;
  background: linear-gradient(180deg, #0d1b29 0%, #0a1622 100%);
  box-shadow: 28px 0 80px rgba(0, 0, 0, .48);
  color: #eef4fb;
}

.sf-keyword-research-drawer > header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 28px 18px;
  border-bottom: 1px solid #25394f;
  background: rgba(13, 27, 41, .96);
}

.sf-keyword-research-drawer > header span {
  display: block;
  margin-bottom: 4px;
  color: #a875ff;
  font-size: var(--sf-seo-meta, 10.5px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.sf-keyword-research-drawer h3 {
  margin: 0;
  font-size: var(--sf-seo-section, 17px);
}

.sf-keyword-research-drawer > header button {
  border: 0;
  background: transparent;
  color: #a6b4c3;
  font-size: 26px;
  cursor: pointer;
}

.sf-keyword-research-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 20px;
  border-bottom: 1px solid #25394f;
  background: #0a1622;
}

.sf-keyword-research-tabs button {
  min-height: 48px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #8496aa;
  font-size: var(--sf-seo-body, 12px);
  font-weight: 700;
  cursor: pointer;
}

.sf-keyword-research-tabs button.is-active {
  border-bottom-color: #8b4eff;
  color: #d0b5ff;
}

.sf-keyword-research-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 22px 28px 104px;
  scrollbar-width: thin;
  scrollbar-color: #4f6277 #0a1622;
}

.sf-keyword-research-body::-webkit-scrollbar {
  width: 8px;
}

.sf-keyword-research-body::-webkit-scrollbar-track {
  background: #0a1622;
}

.sf-keyword-research-body::-webkit-scrollbar-thumb {
  border: 2px solid #0a1622;
  border-radius: 999px;
  background: #4f6277;
}

.sf-keyword-research-body::-webkit-scrollbar-thumb:hover {
  background: #6d8298;
}

.sf-kr-pane {
  display: grid;
  gap: 16px;
}

.sf-kr-copy {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #24394e;
  border-radius: 10px;
  background: rgba(17, 34, 51, .58);
  color: #9eb0c3;
  font-size: var(--sf-seo-copy, 11.5px);
  line-height: 1.5;
}

.sf-kr-field {
  display: grid;
  gap: 7px;
  color: #dfe8f2;
  font-size: var(--sf-seo-body, 12px);
  font-weight: 700;
}

.sf-kr-field input,
.sf-kr-field select,
.sf-kr-field textarea,
.sf-kr-inline-add input,
.sf-kr-search input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #2b4057;
  border-radius: 9px;
  background: #091521;
  color: #fff;
  font: inherit;
  outline: none;
}

.sf-kr-field input,
.sf-kr-field select {
  height: 44px;
  padding: 0 12px;
}

.sf-kr-field textarea {
  padding: 10px 12px;
  resize: vertical;
}

.sf-kr-field input:focus,
.sf-kr-field select:focus,
.sf-kr-field textarea:focus,
.sf-kr-inline-add input:focus,
.sf-kr-search input:focus {
  border-color: #8952e5;
  box-shadow: 0 0 0 2px rgba(137, 82, 229, .13);
}

.sf-kr-checklist {
  max-height: 164px;
  overflow: auto;
  border: 1px solid #263a4f;
  border-radius: 9px;
  background: #0a1622;
}

.sf-kr-checklist > label {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border-bottom: 1px solid #1a2a3a;
  font-weight: 500;
}

.sf-kr-checklist > label:last-child {
  border-bottom: 0;
}

.sf-kr-checklist input,
.sf-kr-result > input {
  width: 16px;
  height: 16px;
  accent-color: #8b4eff;
}

.sf-kr-checklist p {
  margin: 0;
  padding: 12px;
  color: #71869c;
  font-weight: 500;
}

.sf-kr-inline-add {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: -8px;
}

.sf-kr-inline-add input {
  height: 38px;
  padding: 0 10px;
}

.sf-kr-inline-add button,
.sf-kr-secondary {
  border: 1px solid #3b526a;
  border-radius: 8px;
  background: #132335;
  color: #dce8f4;
  font-weight: 700;
  padding: 0 12px;
  cursor: pointer;
}

.sf-kr-primary {
  position: sticky;
  bottom: -78px;
  width: 100%;
  min-height: 43px;
  border: 1px solid #8c43f2;
  border-radius: 9px;
  background: #7f2cf1;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 -12px 30px #0c1825;
}

.sf-kr-primary:disabled,
.sf-kr-selection-bar button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.sf-kr-search {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 8px;
}

.sf-kr-search input {
  height: 44px;
  padding: 0 12px;
}

.sf-kr-search button {
  border: 0;
  border-radius: 9px;
  background: #7f2cf1;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.sf-kr-results {
  display: grid;
  min-width: 0;
  border: 1px solid #263a4f;
  border-radius: 10px;
  overflow: hidden;
  background: #0a1622;
}

.sf-kr-results-head {
  display: flex;
  justify-content: space-between;
  padding: 11px 12px;
  color: #9eb0c2;
  font-size: var(--sf-seo-meta, 10.5px);
  border-bottom: 1px solid #263a4f;
}

.sf-kr-table-head,
.sf-kr-result {
  display: grid;
  grid-template-columns: 24px minmax(180px, 1fr) 68px 58px 62px;
  align-items: center;
  gap: 8px;
}

.sf-kr-table-head {
  min-height: 34px;
  padding: 0 12px;
  border-bottom: 1px solid #263a4f;
  background: #0d1b29;
  color: #73879d;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.sf-kr-table-head span:nth-child(n+3) {
  text-align: right;
}

.sf-kr-result {
  min-height: 72px;
  padding: 10px 12px;
  border-bottom: 1px solid #1b2c3e;
  cursor: pointer;
  transition: background .15s ease;
}

.sf-kr-result:hover {
  background: #0e1d2c;
}

.sf-kr-result:has(> input:checked) {
  background: rgba(123, 63, 226, .10);
}

.sf-kr-keyword-cell {
  min-width: 0;
}

.sf-kr-keyword-cell strong,
.sf-kr-keyword-cell small {
  display: block;
}

.sf-kr-keyword-cell strong {
  overflow: hidden;
  color: #eef4fb;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
}

.sf-kr-keyword-cell small {
  margin-top: 3px;
  overflow: hidden;
  color: #778ba1;
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sf-kr-ranking-page {
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin-top: 5px;
  color: #76b9ff;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}

.sf-kr-ranking-page span {
  overflow: hidden;
  max-width: 230px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sf-kr-ranking-page:hover {
  color: #b9dcff;
  text-decoration: underline;
}

.sf-kr-status {
  display: inline-flex;
  width: fit-content;
  margin-top: 6px;
  padding: 2px 6px;
  border: 1px solid #334b63;
  border-radius: 999px;
  color: #91a5b8;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.sf-kr-status.is-opportunity {
  border-color: rgba(255, 183, 74, .38);
  background: rgba(255, 165, 36, .10);
  color: #f3b85d;
}

.sf-kr-status.is-existing {
  border-color: rgba(61, 148, 255, .35);
  background: rgba(51, 132, 231, .10);
  color: #7fbdff;
}

.sf-kr-status.is-new {
  border-color: rgba(91, 214, 158, .35);
  background: rgba(54, 171, 119, .10);
  color: #77dfad;
}

.sf-kr-metric {
  text-align: right;
}

.sf-kr-metric b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 24px;
  color: #dbe6f1;
  font-size: 10px;
  font-weight: 800;
}

.sf-kr-difficulty b {
  min-width: 30px;
  padding: 0 4px;
  border: 1px solid #33485d;
  border-radius: 7px;
  background: #122233;
}

.sf-kr-difficulty b.is-low {
  border-color: rgba(75, 218, 145, .45);
  background: rgba(49, 180, 111, .15);
  color: #66dda0;
}

.sf-kr-difficulty b.is-medium {
  border-color: rgba(247, 190, 71, .48);
  background: rgba(210, 147, 31, .15);
  color: #f2c35f;
}

.sf-kr-difficulty b.is-high {
  border-color: rgba(255, 104, 123, .50);
  background: rgba(205, 62, 82, .16);
  color: #ff8495;
}

.sf-kr-difficulty b.is-empty {
  color: #65798e;
}

.sf-kr-selection-bar {
  position: sticky;
  bottom: -80px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 62px;
  padding: 10px 12px;
  border-top: 1px solid #2a3d52;
  background: rgba(10, 22, 34, .98);
  box-shadow: 0 -10px 28px rgba(4, 12, 20, .65);
}

.sf-kr-selection-bar > span {
  color: #c7d4e1;
  font-size: 10px;
}

.sf-kr-selection-bar > span b {
  color: #fff;
}

.sf-kr-selection-bar small {
  display: block;
  margin-top: 3px;
  color: #74899e;
  font-size: 8px;
}

.sf-kr-selection-bar button {
  min-height: 36px;
  border-color: #7d3ee1;
  background: #7430d8;
  color: #fff;
  white-space: nowrap;
}

.sf-kr-empty,
.sf-kr-error {
  padding: 16px;
  border: 1px solid #263a4f;
  border-radius: 9px;
  color: #8fa2b6;
  font-size: 11px;
}

.sf-kr-error {
  border-color: rgba(235, 78, 103, .45);
  background: rgba(122, 34, 50, .18);
  color: #f09aab;
}


.sf-kr-pane-search {
  gap: 14px;
}

.sf-kr-pane-search .sf-kr-search {
  position: sticky;
  top: -22px;
  z-index: 4;
  padding: 10px 0 12px;
  background: linear-gradient(180deg, #0a1622 78%, rgba(10, 22, 34, 0));
}

.sf-kr-pane-search [data-kr-search-results] {
  min-height: 0;
}

.sf-kr-pane-search .sf-kr-results {
  max-height: calc(100vh - 290px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #657a91 #0a1622;
}

.sf-kr-pane-search .sf-kr-results::-webkit-scrollbar {
  width: 9px;
}

.sf-kr-pane-search .sf-kr-results::-webkit-scrollbar-track {
  background: #0a1622;
}

.sf-kr-pane-search .sf-kr-results::-webkit-scrollbar-thumb {
  border: 2px solid #0a1622;
  border-radius: 999px;
  background: #657a91;
}

.sf-kr-pane-search .sf-kr-results::-webkit-scrollbar-thumb:hover {
  background: #8297ad;
}

.sf-kr-pane-generate > .sf-kr-field {
  padding: 12px 14px;
  border: 1px solid #22374b;
  border-radius: 10px;
  background: rgba(9, 21, 33, .48);
}

.sf-kr-pane-generate > .sf-kr-inline-add {
  margin-top: -10px;
  padding: 0 2px 4px;
}

@media (max-width: 680px) {
  .sf-keyword-research-drawer {
    width: 100%;
  }

  .sf-keyword-research-body {
    padding: 14px 12px 92px;
  }

  .sf-keyword-research-drawer > header {
    padding: 16px;
  }

  .sf-keyword-research-tabs button {
    font-size: 10px;
  }

  .sf-kr-inline-add {
    grid-template-columns: 1fr;
  }

  .sf-kr-inline-add button {
    min-height: 38px;
  }

  .sf-kr-table-head,
  .sf-kr-result {
    grid-template-columns: 22px minmax(130px, 1fr) 54px 48px 50px;
    gap: 5px;
  }

  .sf-kr-table-head,
  .sf-kr-result {
    padding-left: 8px;
    padding-right: 8px;
  }

  .sf-kr-selection-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .sf-kr-selection-bar button {
    width: 100%;
  }
}
.sf-content-plan-day.is-limit-blocked{background:rgba(143,48,68,.16);box-shadow:inset 0 0 0 1px rgba(185,77,99,.72)}
.sf-content-plan-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #2a3e55;border-radius:8px;background:#132233;color:#dfe8f2;font-size:20px;line-height:1;cursor:pointer;transition:.15s}
.sf-content-plan-close:hover{border-color:#7650bd;background:#281d3e;color:#fff}
.sf-content-plan-dialog h3{padding-right:42px}

/* Keyword research generate layout: compact side-panel structure */
.sf-keyword-research-drawer {
  width: min(720px, 100%);
  transition: width .18s ease;
}

.sf-keyword-research-drawer.is-generate {
  width: min(470px, 100%);
}

.sf-keyword-research-drawer > header {
  min-height: 72px;
  box-sizing: border-box;
  padding: 18px 20px 14px;
  align-items: center;
  background: #0b1825;
}

.sf-keyword-research-drawer > header span {
  margin-bottom: 3px;
  font-size: 9.5px;
}

.sf-keyword-research-drawer h3 {
  font-size: 16px;
}

.sf-keyword-research-drawer > header button {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 7px;
  font-size: 23px;
  line-height: 1;
}

.sf-keyword-research-drawer > header button:hover {
  border-color: #334b63;
  background: #132335;
  color: #fff;
}

.sf-keyword-research-tabs {
  min-height: 50px;
  padding: 0 12px;
  background: #0b1825;
}

.sf-keyword-research-tabs button {
  min-height: 50px;
  font-size: 11px;
  font-weight: 650;
}

.sf-keyword-research-body {
  padding: 0 0 82px;
  background: #0b1825;
}

.sf-kr-pane-generate {
  display: block;
  min-height: 100%;
  padding: 18px 16px 0;
}

.sf-kr-generate-intro {
  margin: 0 0 22px;
  color: #95a5b6;
  font-size: 11px;
  line-height: 1.5;
}

.sf-kr-outrank-field {
  display: block;
  margin: 0 0 21px;
  color: #dfe8f2;
  font-size: 12px;
  font-weight: 500;
}

.sf-kr-outrank-field > span {
  display: block;
  margin: 0 0 8px;
  color: #dfe8f2;
  font-weight: 600;
}

.sf-kr-outrank-field > input[type="search"],
.sf-kr-outrank-field > input[type="number"] {
  width: 100%;
  height: 49px;
  box-sizing: border-box;
  padding: 0 13px;
  border: 1px solid #2f4459;
  border-radius: 9px;
  background: #091521;
  color: #f5f8fb;
  font: inherit;
  outline: none;
}

.sf-kr-outrank-field > input:focus {
  border-color: #8b4eff;
  box-shadow: 0 0 0 2px rgba(139, 78, 255, .11);
}

.sf-kr-topic-field[hidden] {
  display: none;
}

.sf-kr-outrank-select {
  position: relative;
  display: block;
}

.sf-kr-outrank-select > summary {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 49px;
  box-sizing: border-box;
  padding: 0 54px 0 13px;
  border: 1px solid #2f4459;
  border-radius: 9px;
  background: #091521;
  color: #f2f6fa;
  list-style: none;
  cursor: pointer;
  user-select: none;
}

.sf-kr-outrank-select > summary::-webkit-details-marker {
  display: none;
}

.sf-kr-outrank-select > summary strong {
  overflow: hidden;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sf-kr-outrank-select > summary::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 40px;
  bottom: 8px;
  width: 1px;
  background: #2a3e52;
}

.sf-kr-outrank-select > summary i {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #a6b5c5;
  border-bottom: 1.5px solid #a6b5c5;
  transform: translateY(-68%) rotate(45deg);
  transition: transform .15s ease, border-color .15s ease;
}

.sf-kr-outrank-select[open] > summary {
  border-color: #7750bd;
}

.sf-kr-outrank-select[open] > summary i {
  border-color: #c79dff;
  transform: translateY(-30%) rotate(225deg);
}

.sf-kr-outrank-menu {
  position: absolute;
  z-index: 60;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  overflow-y: auto;
  max-height: min(310px, 45vh);
  padding: 6px;
  border: 1px solid #344b62;
  border-radius: 9px;
  background: #0c1926;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .44);
  scrollbar-width: thin;
  scrollbar-color: #61768c transparent;
}

.sf-kr-outrank-menu::-webkit-scrollbar {
  width: 7px;
}

.sf-kr-outrank-menu::-webkit-scrollbar-track {
  background: transparent;
}

.sf-kr-outrank-menu::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #61768c;
}

.sf-kr-outrank-menu button,
.sf-kr-outrank-option {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  gap: 12px;
  padding: 9px 11px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #dfe7ef;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}

.sf-kr-outrank-menu button:hover,
.sf-kr-outrank-option:hover {
  background: #14263a;
}

.sf-kr-outrank-menu button.is-selected {
  background: #171d2d;
  color: #fff;
}

.sf-kr-outrank-menu button b,
.sf-kr-outrank-option b {
  visibility: hidden;
  color: #b889ff;
  font-size: 12px;
}

.sf-kr-outrank-menu button.is-selected b,
.sf-kr-outrank-option:has(input:checked) b {
  visibility: visible;
}

.sf-kr-outrank-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sf-kr-outrank-option span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sf-kr-outrank-empty {
  margin: 0;
  padding: 12px 10px;
  color: #71869b;
  font-size: 11px;
}

.sf-kr-outrank-guidance {
  margin: -2px 0 22px;
  border: 1px solid #2d4054;
  border-radius: 9px;
  background: #111f2d;
  color: #99a9b9;
}

.sf-kr-outrank-guidance > summary {
  padding: 11px 13px;
  list-style: none;
  cursor: pointer;
  font-size: 10.5px;
  line-height: 1.45;
}

.sf-kr-outrank-guidance > summary::-webkit-details-marker {
  display: none;
}

.sf-kr-outrank-guidance > summary strong {
  color: #b783ff;
  font-weight: 650;
}

.sf-kr-outrank-guidance > div {
  padding: 0 11px 11px;
}

.sf-kr-outrank-guidance textarea {
  width: 100%;
  min-height: 88px;
  box-sizing: border-box;
  padding: 10px 11px;
  border: 1px solid #30465d;
  border-radius: 7px;
  background: #091521;
  color: #fff;
  font: inherit;
  resize: vertical;
  outline: none;
}

.sf-kr-count-field {
  margin-bottom: 8px;
}

.sf-kr-count-field small {
  display: block;
  margin-top: 7px;
  color: #7f91a4;
  font-size: 10px;
  font-weight: 500;
}

.sf-kr-pane-generate [data-kr-generated] {
  margin-top: 18px;
}

.sf-kr-generate-footer {
  position: fixed;
  z-index: 70;
  right: 0;
  bottom: 0;
  width: min(470px, 100%);
  box-sizing: border-box;
  padding: 10px 12px;
  border-top: 1px solid #263a4f;
  background: rgba(11, 24, 37, .98);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, .25);
}

.sf-kr-generate-footer .sf-kr-primary {
  position: static;
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: 7px;
  background: #7f2cf1;
  color: #fff;
  font-weight: 800;
  box-shadow: none;
}

.sf-kr-generate-footer .sf-kr-primary:hover {
  background: #8b3cf5;
}

@media (max-width: 680px) {
  .sf-keyword-research-drawer,
  .sf-keyword-research-drawer.is-generate {
    width: 100%;
  }

  .sf-kr-generate-footer {
    width: 100%;
  }

  .sf-keyword-research-drawer > header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .sf-kr-pane-generate {
    padding-left: 14px;
    padding-right: 14px;
  }
}