/* chrome_publisher */
.chrome-publisher-page{display:grid;gap:16px;max-width:880px}
.chrome-publisher-hero{display:flex;align-items:flex-start;gap:14px}
.chrome-publisher-hero-icon{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}
.chrome-publisher-hero-icon svg{width:22px;height:22px}
.chrome-publisher-hero-text h2{margin:0 0 4px;font-size:var(--font-size-xl)}
.chrome-publisher-hero-text p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.7}
.chrome-publisher-notice{padding:10px 14px;border-radius:10px;background:var(--success-soft);color:var(--success);font-size:var(--font-size-sm)}
.chrome-publisher-notice.is-error{background:var(--danger-soft);color:var(--danger)}
.chrome-publisher-download{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:var(--brand-soft)}
.chrome-publisher-download-icon{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--panel);color:var(--brand)}
.chrome-publisher-download-icon svg{width:20px;height:20px}
.chrome-publisher-download-text{flex:1;min-width:0;display:grid;gap:3px}
.chrome-publisher-download-text strong{font-size:var(--font-size-lg);color:var(--text)}
.chrome-publisher-download-text span{color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.7}
.chrome-publisher-download-text code{padding:1px 5px;border-radius:4px;background:var(--panel);color:var(--text);font-size:var(--font-size-xs);word-break:break-all}
.chrome-publisher-download-button{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 20px;border-radius:10px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-md);font-weight:700;text-decoration:none;opacity:.9;transition:opacity var(--transition-normal),background var(--transition-normal)}
.chrome-publisher-download-button:hover{opacity:1;background:var(--brand-hover);color:var(--inverse-text)}
.chrome-publisher-guide{padding:16px;border-radius:14px;background:var(--bg)}
.chrome-publisher-guide h3,.chrome-publisher-section-head h3{margin:0;font-size:var(--font-size-lg)}
.chrome-publisher-guide ol{margin:12px 0 0;padding:0;display:grid;gap:14px;list-style:none}
.chrome-publisher-guide li{display:flex;gap:12px;align-items:flex-start}
.chrome-publisher-step-index{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:var(--font-size-sm);font-weight:600}
.chrome-publisher-guide strong{display:block;font-size:var(--font-size-md)}
.chrome-publisher-guide p{margin:4px 0 0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.75}
.chrome-publisher-guide code,.chrome-publisher-token-tip code{padding:1px 5px;border-radius:4px;background:var(--panel);color:var(--text);font-size:var(--font-size-xs);word-break:break-all}
.chrome-publisher-guide kbd{padding:1px 5px;border-radius:4px;background:var(--panel);color:var(--text-muted);font-size:var(--font-size-xs);font-family:inherit}
.chrome-publisher-token-panel{padding:16px;border-radius:14px;background:var(--bg);display:grid;gap:12px}
.chrome-publisher-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chrome-publisher-section-head span{color:var(--text-muted);font-size:var(--font-size-sm)}
.chrome-publisher-token-tip{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.7}
.chrome-publisher-token{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;border-radius:10px;background:var(--panel)}
.chrome-publisher-token input{flex:1;min-width:0;padding:6px 0;border:0;background:transparent;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-sm)}
.chrome-publisher-token input:focus{outline:none}
.chrome-publisher-copy{opacity:.6;transition:opacity var(--transition-normal)}
.chrome-publisher-copy:hover{opacity:1}
.chrome-publisher-empty{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}
.chrome-publisher-ai{padding:16px;border-radius:14px;background:var(--bg);display:grid;gap:12px}
.chrome-publisher-ai-hint{margin:0;color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.75}
.chrome-publisher-ai-form{display:grid;gap:12px}
.chrome-publisher-ai-field{display:grid;gap:6px}
.chrome-publisher-ai-field span{color:var(--text-muted);font-size:var(--font-size-sm)}
.chrome-publisher-ai-field input,.chrome-publisher-ai-field textarea{width:100%;padding:9px 12px;border:0;border-radius:10px;background:var(--panel);color:var(--text);font-family:inherit;font-size:var(--font-size-sm);outline:none;transition:box-shadow var(--transition-normal)}
.chrome-publisher-ai-field input:focus,.chrome-publisher-ai-field textarea:focus{box-shadow:0 0 0 2px var(--brand-soft)}
.chrome-publisher-ai-field textarea{min-height:130px;line-height:1.7;resize:vertical}
.chrome-publisher-ai-save{justify-self:start;min-height:36px;padding:8px 18px;border:0;border-radius:10px;background:var(--brand);color:var(--inverse-text);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;opacity:.9;transition:opacity var(--transition-normal)}
.chrome-publisher-ai-save:hover{opacity:1}
.chrome-publisher-source{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:14px;padding:8px 12px;border-radius:10px;background:var(--bg);font-size:var(--font-size-sm);line-height:1.6}
.chrome-publisher-source-label{flex:none;color:var(--text-muted);opacity:.6}
.chrome-publisher-source-link{color:var(--text);text-decoration:none;font-weight:600;word-break:break-word}
.chrome-publisher-source-link:hover{color:var(--brand)}
.chrome-publisher-source-host{color:var(--text-subtle);font-size:var(--font-size-xs);word-break:break-all}
@media (max-width:640px){.chrome-publisher-token{flex-direction:column;align-items:stretch}.chrome-publisher-token button{width:100%}}
@media (max-width:640px){.chrome-publisher-download{flex-direction:column;align-items:stretch}.chrome-publisher-download-icon{width:36px;height:36px}.chrome-publisher-download-button{width:100%}}