.style-kind-tabs { display:flex; gap:20px; border-bottom:1px solid #dfe3e5; margin-bottom:20px; }
.style-kind-tabs button { appearance:none; border:0; border-bottom:2px solid transparent; background:none; padding:12px 0; color:#66716a; cursor:pointer; font:inherit; }
.style-kind-tabs button.active { color:#197452; border-bottom-color:#197452; }
.keyword-template-list { border-top:1px solid #dfe3e5; }
.keyword-template-row { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:20px 0; border-bottom:1px solid #dfe3e5; }
.keyword-template-main { min-width:0; flex:1; }
.keyword-template-main h2 { margin:0 0 12px; font-size:16px; overflow-wrap:anywhere; }
.keyword-token-list { display:flex; flex-wrap:wrap; gap:8px 16px; min-width:0; line-height:1.6; }
.keyword-token-list span { font-size:13px; color:#47534e; overflow-wrap:anywhere; max-width:100%; }
.keyword-template-modal { width:min(540px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); overflow:auto; }
.keyword-template-modal .modal-body { display:grid; gap:18px; }
.keyword-template-modal textarea { width:100%; resize:vertical; min-height:110px; }
.title-keyword-batch { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin:16px 0; }
.title-keyword-batch .keyword-token-list,.title-keyword-batch .form-error { grid-column:1 / -1; }
@media(max-width:600px) { .title-keyword-batch {grid-template-columns:minmax(0,1fr);} .title-keyword-batch .status-badge {justify-self:start;} .keyword-template-row {gap:8px;} }