.keyword-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tool-tabs{margin:0 0 14px}.tool-tabs button{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.tool-tabs button.is-active{border-color:#b9c5f1;background:#eef3ff;color:var(--blue)}.mode-panel{display:grid;gap:10px}.keyword-preview{display:grid;gap:12px}.keyword-canvas,.keyword-preview canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.keyword-canvas.is-transparent{background-color:#fff;background-image:linear-gradient(45deg,#d9deea 25%,transparent 25%),linear-gradient(-45deg,#d9deea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9deea 75%),linear-gradient(-45deg,transparent 75%,#d9deea 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.keyword-phone{width:min(100%,360px);min-height:610px;margin:0 auto;padding:14px;border:10px solid #111827;border-radius:34px;box-shadow:0 16px 38px rgba(15,23,42,.16)}.keyword-phone.is-dark{background:#08090d;color:#fff}.keyword-phone.is-light{background:#fff;color:#111827}.keyword-phone-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 6px 14px;border-bottom:1px solid rgba(148,163,184,.24);font-size:13px;font-weight:800}.keyword-chat-list{display:grid;gap:10px;padding:18px 4px}.keyword-bubble{max-width:78%;padding:10px 13px;border-radius:18px;font-size:14px;line-height:1.35}.keyword-bubble.from-them{justify-self:start;background:#eceef3;color:#111827}.is-dark .keyword-bubble.from-them{background:#26272f;color:#fff}.keyword-bubble.from-me{justify-self:end;color:#fff}.keyword-phone-input{margin-top:18px;padding:11px 14px;border-radius:999px;background:rgba(148,163,184,.18);color:#8a92a6}.keyword-swatch-grid{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.keyword-swatch,.keyword-swatch-grid button{display:inline-flex;align-items:center;justify-content:center;min-width:86px;min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:#111827;font-size:12px;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.62);cursor:pointer}.keyword-swatch-grid button.dark,.keyword-swatch.dark{color:#fff;text-shadow:none}.keyword-note-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.keyword-note-list li{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.keyword-output{min-height:210px}.keyword-muted-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-low);color:var(--muted)}.keyword-pair-list h2{margin-top:24px}.keyword-hub-card .tool-icon{background:#eef3ff}@media (max-width:620px){.keyword-phone{min-height:540px;border-width:8px}.tool-tabs button{width:100%}}