:root { font-family:Inter,"Microsoft YaHei",system-ui,sans-serif; color:#202b3c; background:#f6f8fb; font-synthesis:none; }
.history-panel { margin-top:36px; padding:24px; border:1px solid #e1e7ef; border-radius:12px; background:#fff; }
.history-heading { display:flex; justify-content:space-between; gap:18px; align-items:center; }.history-heading p,.history-note { font-size:12px; color:#788498; line-height:1.8; }.history-heading p { margin:4px 0; }.history-note { margin:16px 0; }
.history-table-wrap { overflow-x:auto; }table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; }th { background:#f7f9fc; color:#738096; font-weight:500; }th,td { padding:13px 10px; border-bottom:1px solid #edf0f5; vertical-align:middle; }td { color:#526078; }td button { margin:3px; padding:6px 9px; font-size:12px; }.history-work-title { display:block; color:#27364b; font-weight:500; min-width:140px; max-width:270px; overflow-wrap:anywhere; }td small { display:block; color:#8994a6; margin-top:6px; }td a { display:inline-block; margin-top:6px; color:#3568e8; text-decoration:none; }.history-status { min-width:96px; }.history-empty { text-align:center; padding:36px; color:#929bad; }.history-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; color:#7d889a; font-size:12px; }.history-pagination .actions { align-items:center; }.danger { color:#bb4a4a; }button.danger:hover { border-color:#d78a8a; color:#a33131; }
input[type=checkbox] { accent-color:#3568e8; width:15px; height:15px; cursor:pointer; }dialog { width:min(470px,calc(100% - 32px)); border:1px solid #e2e7ef; border-radius:12px; padding:26px; color:#33425a; box-shadow:0 20px 80px #13284930; }dialog::backdrop { background:#14233b55; }dialog p { font-size:13px; line-height:1.8; }dialog .actions { justify-content:flex-end; margin-top:22px; }.delete-option { display:flex; align-items:center; gap:10px; font-size:14px; margin:20px 0 10px; }.dialog-hint { color:#909bad; font-size:12px; }#delete-error,#history-message { color:#ad4039; font-size:13px; }
@media(max-width:620px){.history-panel{padding:16px}.history-heading{align-items:flex-start;flex-direction:column}.history-heading>.actions{align-self:flex-end}.history-pagination{align-items:flex-start;flex-direction:column}}
* { box-sizing:border-box; } body { margin:0; } [hidden] { display:none!important; }
.topbar { height:66px; display:flex; align-items:center; justify-content:space-between; padding:0 32px; background:#fff; border-bottom:1px solid #e7ebf1; font-size:13px; color:#8590a2; }
.topbar a { display:flex; align-items:center; gap:10px; color:#46536a; text-decoration:none; }.brand-logo { display:block; width:auto; height:30px; }.divider { color:#c2cad5; }
main { width:min(980px,calc(100% - 40px)); margin:54px auto; }.heading { display:flex; align-items:center; gap:18px; margin-bottom:30px; }.heading .icon { width:68px; height:68px; background:#eaf0ff; border:1px solid #dce6ff; border-radius:17px; color:#3568e8; padding:17px; }h1 { margin:0 0 7px;font-size:27px;font-weight:650;letter-spacing:.5px; }.heading p { margin:0; font-size:14px; color:#758095; }
.input-panel { background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:24px; } label { display:block;font-size:14px;font-weight:600;margin-bottom:12px; } textarea { width:100%;resize:vertical;min-height:130px;border:1px solid #d9e1ec;border-radius:8px;padding:14px;font:14px/1.7 inherit;color:#24314a;background:#fbfcfe; } textarea:focus { outline:2px solid #ccdafe;border-color:#7c9cf5;background:#fff; }
.input-footer { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px; }.input-footer>span { font-size:12px;color:#8792a3; }.actions { display:flex;gap:8px; }button { font:13px inherit;padding:9px 15px;border-radius:6px;border:1px solid #dce3ed;background:white;color:#46536a;cursor:pointer;white-space:nowrap; }button:hover { border-color:#9fb7ed;color:#285bdb; }button.primary { background:#3568e8;color:#fff;border-color:#3568e8; }button.primary:hover { background:#285bda; }button:disabled { cursor:wait;opacity:.55; }
#message { padding:14px 18px;border-radius:8px;background:#edf3ff;color:#385e9a;font-size:14px;line-height:1.6; }#message.error { background:#fff0ee;color:#ad4039; }#results { margin-top:30px; }.result-heading { display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px; }h2 { font-size:18px;line-height:1.7;margin:0;word-break:break-word; }.result-heading p { color:#8390a2;font-size:13px;margin:5px 0 0; }
.asset-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px; }.asset-card { background:white;border:1px solid #e2e7ef;border-radius:10px;overflow:hidden; }.asset-preview { display:grid;place-items:center;height:200px;background:#edf1f7; }.asset-preview img { width:100%;height:100%;object-fit:contain; }.video-symbol { font-size:42px;color:#6483bb; }.asset-card .asset-actions { padding:14px;display:flex;align-items:center;justify-content:space-between;gap:8px; }.asset-actions strong { font-size:13px;font-weight:500; }footer { margin-top:32px;color:#919bad;font-size:12px;line-height:1.8; }
@media(max-width:620px){.topbar{padding:0 18px}.topbar>span{display:none}main{margin:28px auto;width:calc(100% - 28px)}.heading{gap:13px;margin-bottom:22px}.heading .icon{width:56px;height:56px;padding:13px}h1{font-size:23px}.heading p{font-size:12px}.input-panel{padding:18px}.input-footer{align-items:flex-start;flex-direction:column}.actions{align-self:flex-end;flex-wrap:wrap}.result-heading{align-items:flex-start;flex-direction:column}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}