.content-center { max-width: 1320px; margin: 0 auto; padding: 4px 0 48px; color: #252b36; }
.content-center-heading { padding: 10px 0 20px; }
.content-center-heading h2 { margin: 4px 0 8px; font-size: 28px; }
.content-center-heading p:last-child { margin: 0; color: #78808d; font-size: 14px; }
.content-center-tabs { display: flex; gap: 26px; border-bottom: 1px solid #e5e8ee; margin-bottom: 23px; }
.content-center-tabs a { padding: 0 3px 13px; color: #707887; text-decoration: none; font-size: 14px; font-weight: 600; border-bottom: 2px solid transparent; }
.content-center-tabs a:hover, .content-center-tabs a.active { color: #d82d50; border-bottom-color: #d82d50; }
.content-center [data-content-panel][hidden] { display: none; }
.content-center-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 25px 0 15px; }
.content-center-section-head h3 { margin: 0 0 5px; font-size: 18px; }
.content-center-section-head p, .content-center-section-head span { margin: 0; color: #7d8591; font-size: 13px; }
.content-blogger-table-wrap, .content-note-table-wrap, .content-detail-header, .content-note-detail-main, .content-note-images { background: #fff; border: 1px solid #e5e8ee; border-radius: 12px; }
.content-blogger-table-wrap, .content-note-table-wrap { overflow-x: auto; }
.content-blogger-table, .content-note-table { border-collapse: collapse; width: 100%; min-width: 830px; font-size: 13px; }
.content-blogger-table th, .content-note-table th { background: #f8f9fb; color: #7a8391; font-weight: 600; text-align: left; white-space: nowrap; }
.content-blogger-table th, .content-blogger-table td, .content-note-table th, .content-note-table td { padding: 14px 16px; border-bottom: 1px solid #edf0f3; vertical-align: middle; }
.content-blogger-table tbody tr:last-child td, .content-note-table tbody tr:last-child td { border-bottom: 0; }
.content-blogger-table tbody tr:hover, .content-note-table tbody tr:hover { background: #fcfcfd; }
.content-blogger-table td small { display: block; margin-top: 4px; color: #9299a4; font-size: 11px; }
.content-account-link, .content-note-link { color: #263143; text-decoration: none; font-weight: 600; }
.content-account-link:hover, .content-note-link:hover, .content-text-link:hover { color: #d82d50; }
.content-text-link { color: #d82d50; text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap; }
.content-status { display: inline-block; color: #697487; background: #f2f4f7; padding: 5px 9px; border-radius: 6px; font-size: 12px; }
.content-capture-status { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.content-capture-status button { color: #d82d50; border: 0; background: none; cursor: pointer; font: inherit; font-size: 12px; padding: 5px 0; }
.content-capture-status button:disabled { color: #a3a9b2; cursor: default; }
.content-note-filters { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; padding: 15px; margin-bottom: 12px; border: 1px solid #e5e8ee; border-radius: 12px; background: #fff; }
.content-note-filters input, .content-note-filters select, .content-list-options select { min-height: 36px; border: 1px solid #dfe3e9; border-radius: 7px; background: #fff; padding: 0 10px; color: #3b4553; font: inherit; font-size: 13px; }
.content-note-filters input[type=search] { min-width: 180px; flex: 1 1 210px; }
.content-note-filters label { color: #7c8490; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; }
.content-date-separator { color: #a5abb4; }
.content-list-options { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin: 13px 0; }
.content-list-options label { color: #6e7886; font-size: 12px; display: inline-flex; align-items: center; gap: 8px; }
.content-note-table .number { text-align: right; font-variant-numeric: tabular-nums; }
.content-title-cell { display: flex; align-items: center; gap: 11px; min-width: 240px; max-width: 360px; }
.content-title-cell > div { min-width: 0; }
.content-title-cell .content-note-link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.45; }
.content-title-cell small { display: block; color: #929aa6; margin-top: 5px; font-size: 11px; }
.content-table-cover { display: block; width: 45px; height: 60px; flex: none; object-fit: cover; border-radius: 5px; background: #f0f2f5; }
.content-cover-empty { color: #a1a9b3; text-align: center; line-height: 60px; font-size: 11px; }
.content-date-cell { white-space: nowrap; color: #687484; }
.content-row-actions { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.content-row-actions a, .content-row-actions button { color: #d82d50; border: 0; background: none; cursor: pointer; font: inherit; text-decoration: none; padding: 0; font-size: 12px; }
.content-row-actions button:disabled { color: #969da8; cursor: default; }
.content-table-empty, .content-empty { padding: 32px; color: #89919c; text-align: center; }
.content-pagination { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin: 16px 0; color: #7b8592; font-size: 12px; }
.content-pagination div { display: flex; gap: 8px; }
.content-pagination button { background: #fff; border: 1px solid #dce2e8; border-radius: 6px; padding: 7px 12px; color: #455163; cursor: pointer; }
.content-pagination button:disabled { opacity: .45; cursor: default; }
.content-breadcrumb { display: flex; align-items: center; gap: 9px; margin: 14px 0 18px; color: #87909c; font-size: 13px; }
.content-breadcrumb a { color: #667487; text-decoration: none; }
.content-breadcrumb a:hover { color: #d82d50; }
.content-detail-header { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px; }
.content-detail-header h3, .content-note-detail-card h3 { margin: 5px 0 8px; font-size: 23px; }
.content-detail-header p:not(.eyebrow) { color: #929ba7; margin: 0; font-size: 12px; }
.content-detail-header > a { color: #d82d50; text-decoration: none; white-space: nowrap; font-size: 13px; }
.content-detail-stats { display: flex; flex-wrap: wrap; gap: 20px; color: #75808d; font-size: 12px; }
.content-detail-stats span { display: flex; flex-direction: column; gap: 4px; }
.content-detail-stats strong { color: #273142; font-size: 20px; }
.content-note-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 14px; }
.content-note-tile { min-width: 0; display: flex; flex-direction: column; padding: 10px; border: 1px solid #e5e8ee; border-radius: 10px; background: #fff; text-decoration: none; color: #263143; }
.content-note-tile img, .content-tile-no-image { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 6px; background: #f2f3f6; }
.content-tile-no-image { display: grid; place-items: center; color: #a3aab4; }
.content-note-tile strong { margin-top: 10px; line-height: 1.45; font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.content-note-tile > span:last-child { margin-top: 7px; color: #949ca7; font-size: 11px; }
.content-note-detail-card { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(270px, .7fr); gap: 18px; align-items: start; }
.content-note-detail-main { padding: 28px; }
.content-note-detail-main h3 { line-height: 1.45; }
.content-detail-meta { display: flex; flex-wrap: wrap; gap: 14px; color: #89929e; font-size: 12px; margin: 12px 0 22px; }
.content-detail-meta a { color: #d82d50; text-decoration: none; }
.content-note-detail-main .content-detail-stats { padding: 16px 0; border-top: 1px solid #edf0f3; border-bottom: 1px solid #edf0f3; }
.content-note-detail-main section { margin-top: 28px; }
.content-note-detail-main h4, .content-note-images h4 { margin: 0 0 12px; font-size: 15px; }
.content-note-body { white-space: pre-wrap; line-height: 1.9; font-size: 14px; color: #3c4654; }
.content-tag-list { display: flex; flex-wrap: wrap; gap: 8px; }
.content-tag-list span { padding: 5px 9px; color: #d82d50; background: #fff0f3; border-radius: 5px; font-size: 12px; }
.content-tag-list .content-muted { color: #9aa2ad; background: #f5f6f8; }
.content-detail-actions { display: flex; align-items: center; gap: 15px; margin-top: 30px; }
.content-detail-actions button { border: 0; border-radius: 7px; background: #d82d50; color: #fff; padding: 10px 15px; cursor: pointer; }
.content-detail-actions button:disabled { background: #e8eaed; color: #9aa1aa; cursor: default; }
.content-detail-actions a { color: #d82d50; text-decoration: none; font-size: 13px; }
.content-note-images { padding: 18px; }
.content-note-images p { color: #9ba3ae; font-size: 13px; }
.content-gallery-stage { position: relative; overflow: hidden; border-radius: 9px; background: #f5f6f8; }
.content-gallery-open { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.content-gallery-open img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: contain; }
.content-gallery-arrow, .content-image-dialog-arrow { display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(28,34,44,.72); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.content-gallery-arrow { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; transition: opacity .15s; }
.content-gallery-stage:hover .content-gallery-arrow, .content-gallery-arrow:focus-visible { opacity: 1; }
.content-gallery-stage:hover .content-gallery-arrow:disabled { opacity: .25; }
.content-gallery-prev { left: 10px; }
.content-gallery-next { right: 10px; }
.content-gallery-arrow:disabled, .content-image-dialog-arrow:disabled { opacity: .25; cursor: default; }
.content-gallery-caption { display: flex; justify-content: space-between; gap: 8px; padding-top: 10px; color: #8b95a2; font-size: 12px; }
.content-image-dialog { width: min(920px, calc(100vw - 28px)); max-height: min(92vh, 980px); padding: 20px; border: 1px solid #dfe4eb; border-radius: 14px; box-shadow: 0 26px 70px rgba(13,19,32,.3); background: #fff; color: #263143; }
.content-image-dialog::backdrop { background: rgba(16,22,33,.7); }
.content-image-dialog-close { position: absolute; right: 10px; top: 7px; width: 35px; height: 35px; border: 0; background: transparent; color: #566171; font-size: 28px; cursor: pointer; }
.content-image-dialog-main { display: grid; grid-template-columns: 42px minmax(0,1fr) 42px; gap: 12px; align-items: center; justify-items: center; padding: 20px 0 14px; }
.content-image-dialog-main > img { display: block; max-width: 100%; max-height: min(62vh, 650px); object-fit: contain; border-radius: 8px; background: #f5f6f8; }
.content-image-dialog-bottom { border-top: 1px solid #edf0f3; padding-top: 13px; color: #697586; font-size: 12px; }
.content-image-dialog-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px 3px; }
.content-image-dialog-thumbs button { flex: none; width: 60px; height: 74px; padding: 2px; border: 2px solid transparent; border-radius: 7px; background: #fff; cursor: pointer; }
.content-image-dialog-thumbs button.active { border-color: #d82d50; }
.content-image-dialog-thumbs img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 3px; }
@media (max-width: 760px) { .content-center-tabs { gap: 20px; } .content-center-section-head { align-items: start; } .content-note-detail-card { grid-template-columns: 1fr; } .content-note-images { order: -1; } .content-gallery-arrow { opacity: 1; } .content-detail-header { display: block; } .content-detail-header .content-detail-stats { margin: 18px 0; } .content-note-filters input[type=date] { max-width: 140px; } .content-image-dialog-main { grid-template-columns: 30px minmax(0,1fr) 30px; gap: 5px; } .content-image-dialog-arrow { width: 30px; height: 30px; } }
.content-topic-idea { display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-width:340px; }
.content-topic-status { display:inline-block; white-space:nowrap; padding:5px 9px; border-radius:6px; background:#f2f4f7; color:#697487; font-size:12px; }
.content-topic-status.ready { background:#fff1f3; color:#bd3f59; }
.content-topic-status.done { background:#edf7f1; color:#347b55; }
.content-topic-status.dropped { color:#9299a4; }
.content-topic-dialog { width:min(540px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); overflow-y:auto; padding:26px; border:1px solid #dfe4eb; border-radius:14px; box-shadow:0 26px 70px rgba(13,19,32,.25); color:#263143; }
.content-topic-dialog::backdrop { background:rgba(16,22,33,.55); }
.content-topic-dialog-head { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.content-topic-dialog-head h3 { margin:0; font-size:20px; }
.content-topic-dialog-head button { border:0; background:none; color:#87909c; font-size:26px; cursor:pointer; }
.content-topic-editor { display:grid; gap:17px; }
.content-topic-editor > p { margin:0; color:#8a94a1; font-size:12px; }
.content-topic-editor label { display:grid; gap:8px; color:#566171; font-size:13px; font-weight:600; }
.content-topic-editor input,.content-topic-editor textarea,.content-topic-editor select { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #dfe3e9; border-radius:7px; background:#fff; color:#283344; font:inherit; font-weight:400; }
.content-topic-editor textarea { resize:vertical; line-height:1.6; }
#content-topic-error:not(:empty) { color:#c2334f; }
.content-topic-dialog-actions { display:flex; justify-content:flex-end; gap:9px; }
.content-follow-form { display:flex; gap:10px; margin:16px 0 4px; }
.content-follow-form input { flex:1; min-width:0; padding:11px 13px; border:1px solid #dfe3e9; border-radius:8px; background:#fff; font:inherit; }
.content-follow-form button { padding:11px 18px; border:0; border-radius:8px; background:#de2c50; color:#fff; font:inherit; font-weight:600; cursor:pointer; }
.content-follow-form button:disabled { opacity:.6; cursor:wait; }
.content-follow-status { min-height:20px; margin:4px 0 12px; color:#667386; font-size:13px; }
@media (max-width:760px) { .content-center-tabs { gap:16px; } .content-center-tabs a { font-size:13px; } .content-topic-dialog { padding:20px; } }
@media (max-width:760px) { .content-follow-form { flex-direction:column; } }
.content-collection-toolbar { display:flex; align-items:end; justify-content:space-between; gap:12px; }
.content-collection-toolbar .content-center-section-head { flex:1; }
.content-collection-toolbar [data-content-import] { display:flex; gap:8px; padding-bottom:14px; }
.content-note-flag { display:inline-block; margin:0 6px 3px 0; padding:2px 6px; border-radius:4px; background:#fff2e8; color:#a95821; font-size:10px; white-space:nowrap; }
.content-import-dialog { width:min(780px,calc(100vw - 24px)); max-height:min(88dvh,850px); overflow:auto; box-sizing:border-box; padding:22px; border:1px solid #dfe4eb; border-radius:14px; color:#263143; box-shadow:0 24px 70px rgba(13,19,32,.28); }
.content-import-dialog::backdrop { background:rgba(16,22,33,.58); }
.content-import-head { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.content-import-head h3 { margin:0 0 18px; font-size:21px; }
.content-import-head button { border:0; background:none; color:#788391; font-size:25px; cursor:pointer; }
#content-import-start > p, #content-import-result > p { color:#737e8e; font-size:13px; }
#content-import-filename { margin-left:10px; color:#677386; font-size:13px; overflow-wrap:anywhere; }
#content-import-error, #content-import-preview [role=alert] { color:#bd304c; font-size:13px; }
.content-import-counts { display:grid; grid-template-columns:repeat(5,minmax(66px,1fr)); gap:7px; margin:15px 0; }
.content-import-counts span { display:grid; gap:4px; padding:10px 7px; border-radius:8px; background:#f6f7f9; color:#737d8b; text-align:center; font-size:11px; }
.content-import-counts b { color:#273143; font-size:17px; }
.content-import-rows { max-height:44vh; overflow:auto; border:1px solid #e7eaf0; border-radius:8px; }
.content-import-rows table { width:100%; border-collapse:collapse; font-size:12px; }
.content-import-rows th,.content-import-rows td { padding:9px 10px; border-bottom:1px solid #edf0f3; text-align:left; vertical-align:top; }
.content-import-rows th { position:sticky; top:0; background:#f8f9fb; color:#697587; }
.content-import-rows td:first-child { white-space:nowrap; }
.content-import-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:15px; }
@media(max-width:650px) { .content-collection-toolbar { align-items:stretch; flex-direction:column; gap:0; } .content-collection-toolbar [data-content-import] { padding:0 0 12px; flex-wrap:wrap; } .content-import-dialog { padding:16px; } .content-import-counts { grid-template-columns:repeat(3,minmax(60px,1fr)); } .content-import-rows { max-height:38vh; } }
.content-ai-toolbar { display:flex; flex-wrap:wrap; gap:9px; margin:12px 0 18px; }
.content-ai-dialog { width:min(760px,calc(100vw - 28px)); }
.content-ai-dialog #content-ai-dialog-body { display:grid; gap:16px; margin-top:18px; }
.content-ai-dialog label { display:grid; gap:6px; font-size:14px; }
.content-ai-dialog input:not([type="checkbox"]), .content-ai-dialog textarea, .content-ai-dialog select { width:100%; box-sizing:border-box; border:1px solid #d8dfe8; border-radius:8px; padding:9px 11px; font:inherit; }
.content-ai-dialog .content-ai-checkbox { display:flex; align-items:center; gap:8px; }
.content-ai-account-choices { display:flex; flex-wrap:wrap; gap:12px; }
.content-ai-list { display:grid; gap:8px; max-height:270px; overflow:auto; }
.content-ai-list > div { padding:10px; border:1px solid #e0e6ee; border-radius:8px; }
.content-ai-list small { display:block; color:#b14444; margin-top:4px; }
.content-ai-analysis p { white-space:pre-wrap; line-height:1.7; }
.content-ai-images { display:flex; flex-wrap:wrap; gap:10px; }
.content-ai-images img { width:min(180px,40%); max-height:260px; object-fit:contain; border:1px solid #dfe4eb; border-radius:8px; }
.content-ai-note-analysis { margin-top:22px; border-top:1px solid #e3e8ef; padding-top:16px; }
.content-ai-note-analysis p { white-space:pre-wrap; line-height:1.7; }
.content-ai-note-analysis h5 { margin:16px 0 4px; }
.content-ai-account-layout { display:grid; grid-template-columns:minmax(168px,.72fr) minmax(0,2.2fr) minmax(208px,.88fr); gap:14px; align-items:start; }
.content-ai-card { min-width:0; padding:16px; border:1px solid var(--line); border-radius:9px; background:#fff; box-shadow:var(--shadow); }
.content-ai-card h4 { margin:0 0 12px; }
.content-ai-card-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px; }
.content-ai-card-heading h3 { margin:0; font-size:14px; font-weight:650; }
.content-ai-card-heading > span { color:var(--muted); font-size:11px; }
.content-ai-account-list { display:grid; gap:7px; margin-bottom:12px; }
.content-ai-account-list button { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; padding:9px 10px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); text-align:left; cursor:pointer; font-size:12px; }
.content-ai-account-list button:hover { border-color:#b9c0c9; background:#fafbfc; }
.content-ai-account-list button.active { border-color:var(--red); background:#fff6f7; color:var(--red-dark); font-weight:650; }
.content-ai-account-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content-ai-empty-account { display:grid; gap:4px; padding:12px 10px; border:1px dashed #cfd4da; border-radius:6px; color:var(--ink); font-size:12px; }
.content-ai-empty-account span { color:var(--muted); font-size:11px; }
.content-ai-card select { width:100%; min-height:34px; padding:0 9px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); font:inherit; font-size:12px; }
.content-ai-points { margin:0; font-size:24px; font-weight:700; font-variant-numeric:tabular-nums; }
.content-ai-points small { color:var(--muted); font-size:12px; font-weight:500; }
.content-ai-side-divider { height:1px; margin:16px 0; background:var(--line); }
.content-ai-account-settings > a { display:inline-block; margin-top:10px; color:var(--red-dark); font-size:12px; text-decoration:none; }
.content-ai-price-note { display:grid; grid-template-columns:1fr auto; gap:8px 6px; margin-top:12px; padding:11px 0 0; border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.content-ai-price-note b { color:var(--ink); font-weight:600; text-align:right; white-space:nowrap; }
.content-ai-line-label { display:grid; gap:7px; color:var(--muted); font-size:11px; }
.content-ai-model-details { display:grid; gap:9px; margin:13px 0 0; }
.content-ai-model-details div { display:grid; gap:3px; min-width:0; }
.content-ai-model-details dt { color:var(--muted); font-size:10px; }
.content-ai-model-details dd { margin:0; overflow-wrap:anywhere; color:var(--ink); font-size:12px; font-weight:550; }
.content-ai-no-line { margin:12px 0 0; color:var(--muted); font-size:12px; }
.content-ai-points-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.content-ai-points-head h4 { margin:0; font-size:13px; }
.content-ai-account-title { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,.7fr); align-items:end; gap:14px; padding-bottom:13px; border-bottom:1px solid var(--line); }
.content-ai-account-title h2 { margin:0; color:var(--ink); font-size:19px; }
.content-ai-kicker { margin:0 0 4px; color:var(--muted); font-size:11px; }
.content-ai-name-field { min-width:0; color:#52525b; font-size:11px; font-weight:550; }
.content-ai-name-field input, .content-ai-profile-grid textarea { display:block; width:100%; margin-top:5px; padding:8px 10px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); font:inherit; font-size:12px; }
.content-ai-profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; padding:13px 0; }
.content-ai-profile-grid label, .content-ai-prompt-panels label, .content-ai-template-bar label { color:#52525b; font-size:11px; font-weight:550; }
.content-ai-profile-grid textarea { min-height:54px; padding-top:7px; resize:vertical; }
.content-ai-checkbox { display:flex !important; align-items:center; gap:7px; font-size:11px; }
.content-ai-checkbox input[type="checkbox"] { width:15px !important; height:15px; margin:0; flex:0 0 15px; }
.content-ai-template-bar { display:grid; grid-template-columns:minmax(120px,1fr) auto; align-items:end; gap:8px 10px; padding:11px; border:1px solid #e7e9ec; border-radius:6px; background:#f7f8f8; }
.content-ai-template-bar span { grid-column:1/-1; color:var(--muted); font-size:10px; }
.content-ai-template-bar .button { white-space:nowrap; }
.content-ai-prompt-panels { display:grid; gap:12px; padding:14px 0; }
.content-ai-prompt-panels label { display:grid; gap:0; color:#52525b; font-size:13px; font-weight:600; }
.content-ai-prompt-panels textarea { display:block; width:100%; min-height:150px; margin-top:5px; padding:8px 10px; resize:vertical; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); font:inherit; font-size:14px; line-height:1.65; }
.content-ai-account-actions { display:flex; justify-content:flex-end; padding-top:12px; border-top:1px solid var(--line); }
.content-ai-account-layout [hidden] { display:none !important; }
.content-ai-draft-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }
.content-ai-image-choices { display:flex; flex-wrap:wrap; gap:12px; }
.content-ai-image-choices label { width:130px; display:grid; gap:5px; padding:8px; border:1px solid #dce4ec; border-radius:8px; }
.content-ai-image-choices img { width:100%; height:120px; object-fit:contain; }
.content-ai-publish-actions { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0; }
[data-qr-result] img { width:240px; max-width:100%; height:auto; }
@media(max-width:900px) { .content-ai-account-layout { grid-template-columns:minmax(0,1fr); } .content-ai-account-layout > * { min-width:0; } }
@media(max-width:640px) { .content-ai-account-title { grid-template-columns:1fr; } .content-ai-profile-grid { grid-template-columns:1fr; } .content-ai-template-bar { grid-template-columns:minmax(0,1fr) auto; } .content-ai-template-bar span { grid-column:1/-1; } }

/* 我的账号：提示词编辑保持开放，侧栏与线路才作为独立卡片。 */
.content-ai-account-layout {
  grid-template-columns: minmax(176px, .72fr) minmax(0, 2.2fr) minmax(220px, .9fr);
  gap: 22px;
  align-items: start;
}
.content-ai-account-layout > .content-ai-account-sidebar,
.content-ai-account-layout > .content-ai-account-settings {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 7px;
  box-shadow: none;
}
.content-ai-account-layout > .content-ai-account-editor {
  padding: 2px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.content-ai-account-layout .content-ai-account-list { gap: 5px; margin-bottom: 14px; }
.content-ai-account-layout .content-ai-account-list button {
  min-height: 38px;
  padding: 8px 10px;
  border-color: transparent;
  border-radius: 5px;
  background: transparent;
  font-size: 13px;
  transition: background-color .15s, border-color .15s, color .15s;
}
.content-ai-account-layout .content-ai-account-list button:hover { border-color: #e5e7eb; background: #f8f9fb; }
.content-ai-account-layout .content-ai-account-list button.active { border-color: #f2c8d0; background: #fff5f6; color: var(--red-dark); }
.content-ai-account-layout .content-ai-account-sidebar > .button { width: 100%; min-height: 36px; }
.content-ai-account-layout .content-ai-empty-account { border-radius: 5px; background: #fafafa; }
.content-ai-account-layout .content-ai-account-title {
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0 0 18px;
}
.content-ai-account-layout .content-ai-account-title h2 { font-size: 20px; }
.content-ai-account-layout .content-ai-kicker { font-size: 12px; }
.content-ai-account-layout .content-ai-name-field { max-width: 420px; color: var(--muted); font-size: 12px; }
.content-ai-account-layout .content-ai-name-field input,
.content-ai-account-layout .content-ai-profile-grid textarea,
.content-ai-account-layout .content-ai-account-settings select,
.content-ai-account-layout .content-ai-prompt-panels textarea {
  box-sizing: border-box;
  border-color: #dfe3e9;
  border-radius: 5px;
  font-family: inherit;
}
.content-ai-account-layout .content-ai-name-field input { min-height: 38px; padding: 8px 10px; font-size: 13px; }
.content-ai-account-layout .content-ai-profile-grid { padding: 14px 0; }
.content-ai-account-layout .content-ai-profile-grid label,
.content-ai-account-layout .content-ai-prompt-panels label,
.content-ai-account-layout .content-ai-template-bar label { color: #52525b; font-size: 13px; font-weight: 600; }
.content-ai-account-layout .content-ai-profile-grid textarea { font-size: 13px; }
.content-ai-account-layout .content-ai-template-bar { border-radius: 5px; }
.content-ai-account-layout .content-ai-prompt-panels { gap: 18px; padding: 18px 0 20px; }
.content-ai-account-layout .content-ai-prompt-panels label { gap: 0; line-height: 1.45; }
.content-ai-account-layout .content-ai-prompt-panels textarea {
  min-height: 150px;
  margin-top: 7px;
  padding: 10px 12px;
  color: #303744;
  font-size: 14px;
  line-height: 1.65;
}
.content-ai-account-layout .content-ai-account-editor input:focus,
.content-ai-account-layout .content-ai-account-editor textarea:focus,
.content-ai-account-layout .content-ai-account-settings select:focus {
  border-color: var(--red);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(247, 47, 85, .09);
}
.content-ai-account-layout .content-ai-account-actions {
  position: sticky;
  z-index: 2;
  bottom: 0;
  padding: 12px 0;
  border-top: 1px solid var(--line);
  background: rgba(255,255,255,.96);
}
.content-ai-account-layout .content-ai-account-actions .button { min-height: 38px; border-radius: 5px; box-shadow: none; }
.content-ai-account-layout .content-ai-account-settings select { min-height: 38px; font-size: 13px; }
.content-ai-account-layout .content-ai-account-settings .content-ai-card-heading { margin-bottom: 18px; }
.content-ai-account-layout .content-ai-side-divider { margin: 18px 0; }
.content-ai-account-layout .content-ai-connection { display: grid; gap: 8px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.content-ai-account-layout .content-ai-connection-row { display: flex; align-items: center; gap: 7px; color: var(--ink); font-size: 12px; }
.content-ai-account-layout .content-ai-status-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #9ca3af; }
.content-ai-account-layout .content-ai-status-dot.is-connected { background: #23834f; }
.content-ai-account-layout .content-ai-status-dot.is-failed { background: #c83b4d; }
.content-ai-account-layout .content-ai-status-dot.is-unverified,
.content-ai-account-layout .content-ai-status-dot.is-checking { background: #9ca3af; }
.content-ai-account-layout .content-ai-connection-note,
.content-ai-account-layout .content-ai-connection-time { color: var(--muted); font-size: 11px; line-height: 1.5; }
.content-ai-account-layout .content-ai-connection-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media(max-width:900px) {
  .content-ai-account-layout { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .content-ai-account-layout > * { min-width: 0; }
  .content-ai-account-layout > .content-ai-account-editor,
  .content-ai-account-layout > .content-ai-account-sidebar,
  .content-ai-account-layout > .content-ai-account-settings { grid-column: 1; grid-row: auto; }
}
@media(max-width:640px) {
  .content-ai-account-layout .content-ai-account-title { grid-template-columns: 1fr; }
  .content-ai-account-layout .content-ai-prompt-panels textarea { min-height: 150px; }
}