:root{color-scheme:light;--bg:#f4f6f8;--text:#151922;--muted:#657083;--line:#dfe4ea;--panel:#ffffff;--accent:#2764e7;--accent-dark:#184db8;--danger:#b42318;--ok:#067647;--secondary:#eef2f7;--secondary-hover:#e0e6ef}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{cursor:not-allowed;opacity:.64}h1,h2,p{margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;background:#fff;border-bottom:1px solid var(--line)}.config-main{display:grid;min-height:100vh;padding:32px 24px;place-items:center}.config-card{width:min(100%,600px);padding:38px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 50px rgb(32 50 77/10%)}.config-kicker{margin-top:18px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.08em}.config-card h1{margin-top:8px;font-size:28px}.config-description,.config-help{margin-top:12px;color:var(--muted);line-height:1.65}.config-form{display:grid;grid-gap:10px;gap:10px;margin-top:28px}.config-form label{font-size:14px;font-weight:800}.config-form input{width:100%;min-height:46px;padding:0 14px;border:1px solid #c8d2e0;border-radius:8px;outline:none}.config-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(39 100 231/12%)}.config-form button{margin-top:6px}.config-message{margin-top:18px;color:var(--ok);font-weight:700}.topbar h1{font-size:24px;line-height:1.25;letter-spacing:0}.topbar p{margin-top:6px;color:var(--muted);line-height:1.5}.back-link{display:inline-block;margin-bottom:10px;color:var(--accent-dark);font-size:14px;font-weight:700;text-decoration:none}.library-header-actions{display:flex;align-items:center;gap:12px}.library-header-actions .back-link{margin:0}.data-count{min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:var(--muted);font-weight:800;line-height:40px;white-space:nowrap}main{max-width:1180px;margin:0 auto;padding:24px}.library-main{max-width:1280px}.brand-library-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:18px max(24px,calc((100vw - 1280px) / 2 + 24px));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand-library-header h1{font-size:26px;line-height:1.2}.brand-library-header p{margin-top:5px;color:var(--muted)}.brand-tabs{display:flex;gap:8px;padding:5px;border-radius:12px;background:var(--soft)}.brand-switcher-bar{max-width:1280px;margin:0 auto;padding:16px 24px}.brand-tab{min-width:68px;padding:9px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:700}.brand-tab.active{background:var(--panel);color:var(--blue);box-shadow:0 1px 4px rgb(24 47 92/16%)}.brand-sync-note{margin:18px 0 0;color:var(--muted)}.library-panel,.month-group{border:1px solid var(--line);border-radius:16px;background:var(--panel)}.library-panel{padding:28px 34px}.library-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.library-summary h1,.library-summary h2,.month-group-heading h2{font-size:26px;line-height:1.2}.library-summary p,.month-group-heading p{margin-top:7px;color:var(--muted)}.library-summary-actions{display:flex;align-items:flex-end;flex-direction:column;gap:14px}.library-message{margin:14px 0 0;color:var(--accent-dark);font-size:14px;font-weight:700}.sync-progress{margin-top:16px;padding:14px 16px;border:1px solid #c8d9fb;border-radius:12px;background:#f5f8ff}.sync-progress-head{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--accent-dark);font-size:14px}.sync-progress-head span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sync-progress-track{height:9px;overflow:hidden;margin-top:10px;border-radius:999px;background:#dbe7fb}.sync-progress-track span{display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#4f8cff);transition:width .32s ease}.sync-progress p{margin:9px 0 0;color:#35537c;font-size:14px}.sync-progress small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.bridge-help{margin-top:14px;padding:12px 14px;border:1px solid #cddcf5;border-radius:10px;background:#f6f9ff;color:#40536f;font-size:14px;line-height:1.6}.bridge-help summary{cursor:pointer;color:var(--accent-dark);font-weight:800}.bridge-help p{margin:8px 0 0}.platform-tabs{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:26px;padding:5px;border-radius:12px;background:#eef2f7}.tab-button{min-width:145px;background:transparent;color:var(--muted)}.tab-button:hover:not(:disabled){background:#e1e8f2}.tab-button.active{border:1px solid #bcd4ff;background:#fff;color:var(--accent);box-shadow:0 1px 4px rgb(20 49 93/.08)}.filter-label{margin-top:28px;font-weight:800}.month-cards{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.month-card{display:grid;min-width:144px;min-height:92px;padding:14px 18px;border:1px solid #e6e2dc;border-radius:16px;background:#fff;color:var(--text);text-align:left}.month-card:hover:not(:disabled){background:#f9fbff}.month-card.active{border-color:#a9c9ff;background:#eef4ff;color:var(--accent)}.month-card strong{font-size:17px}.month-card span{margin-top:6px;font-size:15px;font-weight:700}.content-category-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:24px;margin-top:20px;padding:16px 26px;border:1px solid var(--line);border-radius:16px 16px 0 0;background:#fffdfa}.content-category-toolbar>div:first-child{flex:0 0 270px}.content-category-toolbar h2{font-size:16px}.content-category-toolbar p{margin-top:3px;color:var(--muted);font-size:12px}.content-category-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-left:-20px}.content-category-button{display:inline-flex;align-items:baseline;gap:6px;padding:9px 12px;border:1px solid #e1e7ef;border-radius:10px;background:#fff;color:#5f6f85;font-size:13px;font-weight:700;white-space:nowrap}.content-category-button strong{color:inherit;font-size:12px}.content-category-button:hover:not(:disabled){border-color:#aecbff;background:#f7faff}.content-category-button.active{border-color:#8eb8ff;background:#eaf2ff;color:var(--accent);box-shadow:0 1px 4px rgb(20 49 93/.08)}.month-group{margin-top:20px;overflow:hidden}.content-category-toolbar+.month-group{margin-top:0}@media (max-width:760px){.content-category-toolbar{align-items:flex-start;flex-direction:column;padding:16px}.content-category-toolbar>div:first-child{flex-basis:auto}.content-category-buttons{justify-content:flex-start;margin-left:0}}.month-group-heading{display:flex;width:100%;align-items:center;justify-content:flex-start;gap:9px;padding:12px 16px;border:0;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:#fffdfa;color:inherit;text-align:left}.month-group-heading:hover{background:#fafcff}.month-group-heading h2{font-size:16px}.month-group-heading p{margin-top:3px;font-size:11px}.collapse-mark{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#eaf2ff;color:var(--accent);font-size:17px;font-weight:700}.content-table-wrap{overflow-x:auto}.content-table{width:100%;min-width:900px;border-collapse:collapse;text-align:left;font-size:12px}.content-table th{padding:10px 12px;background:#f8f7f3;color:#687080;font-size:10px;font-weight:800}.content-table td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:top;line-height:1.45}.content-table tbody tr:hover{background:#fcfdff}.content-cell{min-width:250px;max-width:430px}.content-cell-layout{display:flex;align-items:flex-start;gap:10px}.content-copy{min-width:0;flex:1 1 auto}.content-cell strong{display:block;font-size:13px}.content-cell p{margin-top:4px;color:var(--muted)}.content-cell a,.send-copy-link{display:inline-flex;margin-top:6px;padding:3px 7px;border:1px solid #c8dcff;border-radius:5px;background:#edf5ff;color:var(--accent);font-weight:800;font-size:11px;text-decoration:none}button.send-copy-link{cursor:pointer;font-family:inherit}.content-cell .content-preview{position:relative;display:block;flex:0 0 112px;width:112px;height:auto;margin:0;padding:0;overflow:hidden;border:1px solid #e3e8f0;border-radius:7px;background:#f1f4f8;color:inherit;cursor:zoom-in}.content-preview img,.content-preview video{display:block;width:100%;border-radius:inherit}.content-preview img{height:auto;max-height:132px;object-fit:contain}.content-preview video{height:78px;object-fit:cover}.video-preview-mark{position:absolute;left:50%;top:50%;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:rgb(0 0 0/62%);color:#fff;font-size:11px;transform:translate(-50%,-50%)}.preview-lightbox{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:32px;background:rgb(15 23 42/72%)}.preview-lightbox-content{position:relative;display:grid;max-width:min(840px,92vw);max-height:88vh;place-items:center}.preview-lightbox-content img{display:block;max-width:100%;max-height:88vh;border-radius:10px;box-shadow:0 18px 60px rgb(0 0 0/36%)}.preview-lightbox-close{position:absolute;top:-14px;right:-14px;z-index:1;display:grid;width:32px;height:32px;min-height:0;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#1e293b;color:#fff;font-size:24px;line-height:1}.platform-badge,.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#eef4fb;color:#5a6d82;font-weight:800;font-size:11px;white-space:nowrap}.status-success{background:#eaf8f2;color:#08734d}.status-watching{background:#edf4fc;color:#617287}.status-muted{background:#f1f4f7;color:#657083}.library-empty{margin-top:20px}.content-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 4px 0;color:var(--muted);font-size:12px}.pagination-actions{display:flex;align-items:center;gap:8px}.pagination-jump{display:inline-flex;align-items:center;gap:5px;color:var(--muted);white-space:nowrap}.pagination-jump input{width:48px;min-height:30px;padding:0 6px;border:1px solid #cbd8ea;border-radius:6px;background:#fff;color:var(--ink);font:inherit;text-align:center}.pagination-jump input:focus{outline:2px solid #b8d1ff;outline-offset:1px}.content-pagination button{min-height:30px;padding:0 10px;border:1px solid #cbd8ea;border-radius:6px;background:#fff;color:var(--accent);font-size:12px}.content-pagination button:hover:not(:disabled){background:#eef4ff}.batch-panel,.empty-state,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.import-panel{padding:18px}.field-grid{display:grid;grid-template-columns:minmax(180px,260px) 1fr;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}label{display:block;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}input,select{min-height:42px;padding:0 12px}textarea{min-height:136px;padding:12px;line-height:1.6;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(39 100 231/.14)}.upload-box{display:block;margin:0;padding:14px;border:1px dashed #a8b4bf;border-radius:8px;background:#fbfcfe;cursor:pointer}.upload-box span{display:block;color:var(--text);font-weight:700;overflow-wrap:anywhere}.upload-box input{min-height:auto;margin-top:10px;padding:0;border:0;cursor:pointer}.upload-previews{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding:12px 2px 2px}.upload-preview{position:relative;flex:0 0 92px;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.upload-preview img,.upload-preview video{display:block;width:90px;height:112px;object-fit:cover;background:#eef1f5}.live-photo-badge{position:absolute;top:6px;left:6px;z-index:1;padding:3px 6px;border-radius:4px;background:rgb(12 20 31/.78);color:#fff;font-size:12px;font-weight:700;line-height:1.2}.card-live-photo-badge{top:10px;left:10px}.upload-preview figcaption{overflow:hidden;padding:5px 7px;color:var(--muted);font-size:12px;font-weight:700;text-align:center;text-overflow:ellipsis;white-space:nowrap}.remove-preview{position:absolute;top:4px;right:4px;min-height:24px;width:24px;padding:0;border-radius:999px;background:rgb(23 32 42/.78);color:#fff;font-size:20px;font-weight:400;line-height:1}.remove-preview:hover:not(:disabled){background:var(--danger)}.clear-previews{flex:0 0 auto;min-height:34px;margin-top:40px;padding:0 12px;background:var(--secondary);color:var(--text);font-size:13px}.clear-previews:hover:not(:disabled){background:var(--secondary-hover)}.card-meta,.help-text,.status{color:var(--muted)}.help-text{font-size:13px;line-height:1.55}.form-actions{display:grid;grid-template-columns:auto minmax(220px,1fr);align-items:center;grid-gap:12px;gap:12px;margin-top:4px}.status{min-height:24px;font-size:14px;line-height:1.5}.status.error{color:var(--danger);font-weight:700}.batch-panel{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;grid-gap:12px;gap:12px;margin:18px 0;padding:14px}.primary-actions,.selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.selection-actions button{background:var(--secondary);color:var(--text)}.selection-actions button:hover:not(:disabled){background:var(--secondary-hover)}.selection-status{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#f7f9fc;color:var(--muted);font-size:14px}.empty-state{display:grid;place-items:center;min-height:300px;padding:24px;color:var(--muted);text-align:center;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:16px;gap:16px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.select-badge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:32px;margin:0;padding:0 10px;border-radius:999px;background:rgb(255 255 255/.94);box-shadow:0 1px 6px rgb(23 32 42/.16);font-size:13px;font-weight:800;cursor:pointer}.select-badge input{width:16px;height:16px;accent-color:var(--accent)}.cover-frame{position:relative;background:#e8ebf0}.cover{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.image-count-badge{position:absolute;right:10px;bottom:10px;z-index:2;display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:rgb(23 32 42/.86);color:#fff;font-size:13px;font-weight:700}.card-body{padding:14px}.card-title{font-size:20px;line-height:1.35}.card-content{margin-top:10px;color:var(--muted);line-height:1.6;white-space:pre-wrap}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#eef4ff;color:var(--accent-dark);font-size:13px;font-weight:700}.card-meta{margin-top:10px;font-size:13px;line-height:1.45}.card-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:14px}.card-actions button{min-height:36px;padding:0 10px;font-size:13px}.secondary-button{background:var(--secondary);color:var(--text)}.secondary-button:hover:not(:disabled){background:var(--secondary-hover)}@media (max-width:760px){.topbar{display:grid;padding:18px 20px}.brand-library-header,.library-header-actions,.library-summary,.library-summary-actions{align-items:stretch;flex-direction:column}.brand-library-header{padding:16px 20px}.brand-switcher-bar{padding:12px 20px}.brand-tabs{overflow-x:auto}.library-header-actions button{width:100%}.library-panel{padding:20px}.tab-button{min-width:120px}main{padding:16px}.batch-panel,.field-grid,.form-actions{grid-template-columns:1fr}.primary-actions{justify-content:stretch}.form-actions button,.primary-actions button{width:100%}}@media (max-width:420px){.card-actions,.grid{grid-template-columns:1fr}}