*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#242a32;background:#f6f7f9;font-size:14px;font-synthesis:none}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a{-webkit-tap-highlight-color:transparent}button{border:0;border-radius:7px;transition:background .15s,transform .15s}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:27px;letter-spacing:-.6px;font-weight:650}h2{font-size:19px;font-weight:650}.eyebrow{font-size:12px;color:#7f8791;margin-bottom:12px;letter-spacing:.5px}.muted{color:#818995;font-size:12px}.primary{padding:11px 19px;background:#3859c7;color:#fff;font-weight:550}.primary:hover{background:#2c48a8}.secondary{padding:10px 15px;background:white;border:1px solid #dfe3e9;color:#45505d}.secondary:hover{background:#f4f6fa}.quiet{background:transparent;color:#738092;padding:7px 0;font-size:12px}.quiet:hover{color:#3859c7}.error{color:#bc3545;font-size:13px;line-height:1.6}.error:empty{display:none}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:550}input,select{width:100%;padding:11px 12px;border:1px solid #dde2e9;border-radius:6px;background:#fff;color:#29323e;min-width:0}input:focus,select:focus{outline:2px solid #b6c5fa;outline-offset:0;border-color:#3859c7}input::placeholder{color:#9ba2ad;font-weight:400}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#3859c7;color:#fff;border-radius:9px;font-size:19px;flex-shrink:0}.login-page{min-height:100svh;display:grid;place-items:center;padding:28px}.login-form{width:340px;max-width:100%;display:flex;flex-direction:column;gap:21px}.login-form>.eyebrow{margin:3px 0 -13px}.login-form>.muted{margin:-11px 0 6px}.login-form>.brand-mark{margin-bottom:13px;width:47px;height:47px;font-size:24px}.workspace{min-height:100vh}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fff;border-right:1px solid #e7e9ee;padding:29px 18px 20px}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:650;margin:0 6px 43px}.brand small{display:block;font-size:11px;color:#949ba5;font-weight:400;margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-button{display:flex;align-items:center;gap:13px;width:100%;padding:12px 15px;text-align:left;background:transparent;color:#6d7683;font-size:13px}.nav-button span{width:20px;font-size:18px;text-align:center;font-family:Arial,sans-serif}.nav-button:hover{background:#f6f7f9}.nav-button.active{background:#edf1fc;color:#3859c7;font-weight:600}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f3;padding:18px 7px 0;font-size:12px;color:#89909a}main{margin-left:220px;padding:37px 42px 26px;max-width:1740px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.metrics{display:flex;border-block:1px solid #e1e5eb;padding:22px 0;margin-bottom:28px}.metric{flex:1;padding-left:25px;border-left:1px solid #e1e5eb}.metric:first-child{padding-left:0;border-left:0}.metric .value{font-size:27px;font-weight:620;line-height:1.3;font-variant-numeric:tabular-nums}.metric .label{font-size:12px;color:#8c939e;margin-bottom:9px}.tools{display:flex;gap:11px;align-items:center;margin-bottom:24px}.search-label{flex:1;max-width:430px;position:relative}.search-label span{position:absolute;top:12px;left:13px;color:#8c96a3;font-size:12px;font-weight:400}.search-label input{padding-left:49px}.tools select{width:145px}.tools button{margin-left:auto;white-space:nowrap}.empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;border-block:1px dashed #dce1e8;color:#8e96a2}.empty-state .empty-symbol{font-size:39px;color:#c1cad7;font-family:Arial,sans-serif;margin-bottom:5px}.empty-state h2{font-size:16px;font-weight:550;color:#606c7b}.empty-state p{line-height:1.7;font-size:13px}.empty-state button{margin-top:7px}.wallpaper-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.work{min-width:0;animation:appear .18s ease-out}.work-image{width:100%;aspect-ratio:3/4;display:block;object-fit:cover;border-radius:7px;background:#e5e8ee}.work-title{display:flex;align-items:center;gap:7px;margin-top:12px}.work-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:550}.badge{font-size:10px;padding:3px 6px;background:#e8eefb;color:#4969ba;white-space:nowrap;border-radius:3px}.badge.draft{background:#eeeff2;color:#87909b}.badge.offline{background:#fcf0e2;color:#a77942}.work-info{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#939ba6;margin-top:8px}.work-actions{display:flex;gap:13px;border-top:1px solid #e3e7ed;margin-top:12px;padding-top:4px}.work-actions .quiet{font-size:12px}.work-actions .archive{margin-left:auto;color:#a1a7b0}.table-wrap{overflow-x:auto;border-top:1px solid #e1e5eb}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;font-weight:500;color:#9098a4;padding:13px 15px;background:#f2f4f7}td{padding:16px 15px;border-bottom:1px solid #e5e8ed;font-size:13px}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{text-align:right}td .quiet{margin-left:15px}td .table-name{display:flex;align-items:center;gap:13px;font-weight:500}.table-thumb{width:56px;height:36px;object-fit:cover;border-radius:4px;background:#e5e8ee}.table-placeholder{display:grid;place-items:center;width:56px;height:36px;border-radius:4px;background:#e9edf3;color:#a7b0bd}.feedback-text{white-space:normal;min-width:220px;max-width:600px;line-height:1.7}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:17px;margin-top:28px;color:#8d96a4;font-size:12px}.pagination .secondary{font-size:12px;padding:8px 12px}.loading{padding:90px 20px;text-align:center;color:#9098a4}.loading:before{content:"";display:inline-block;width:13px;height:13px;border:2px solid #dce3f5;border-top-color:#3859c7;border-radius:50%;margin-right:10px;vertical-align:-3px;animation:spin .7s linear infinite}.error-panel{padding:50px 15px;text-align:center;display:grid;justify-items:center;gap:18px;color:#bc3545}.settings-form{max-width:580px;display:grid;gap:23px}.settings-form h2{font-size:15px;border-bottom:1px solid #e1e5eb;padding-bottom:16px}.settings-form .primary{justify-self:start}.checkbox-label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-weight:400;line-height:1.7}.checkbox-label input{width:16px;height:16px;flex:0 0 16px;margin:3px 0;accent-color:#3859c7}.notice{background:#edf1fa;border-left:2px solid #abbceb;color:#687a9d;padding:13px 16px;line-height:1.7;font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}dialog{width:650px;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:0;border:1px solid #e4e7ec;border-radius:12px;box-shadow:0 24px 90px #17254026;color:#29323e}dialog[open]{animation:appear .16s ease-out}dialog::backdrop{background:#17213366;backdrop-filter:blur(2px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid #e8ebef;position:sticky;top:0;background:white;z-index:1}.icon-button{font-size:25px;color:#87919e;background:transparent;padding:0 4px}.editor-body{padding:25px 27px;display:grid;gap:20px}#cover-fields{display:grid;gap:20px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e8ebef;padding:17px 27px;position:sticky;bottom:0;background:#fff}.field-heading{display:flex;justify-content:space-between;font-size:13px;font-weight:550;margin-bottom:10px}.upload-zone{position:relative;border:1px dashed #bdc8df;border-radius:7px;min-height:110px;display:flex;justify-content:center;align-items:center;gap:9px;background:#f7f9ff;cursor:pointer;transition:border-color .15s}.upload-zone strong{font-size:13px;color:#526aab;font-weight:500}.upload-zone span{font-size:11px;color:#9aa4b7;font-weight:400}.upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-zone.dragging{border:2px solid #3859c7}.image-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.image-item{position:relative}.image-item img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}.image-item button{position:absolute;right:3px;top:3px;border-radius:50%;width:21px;height:21px;background:#fffE;color:#45505d}.image-item small{font-size:10px;color:#97a0ad;display:block;margin-top:4px}#upload-status{margin-top:8px;line-height:1.7}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#26334b;color:white;border-radius:7px;padding:12px 21px;box-shadow:0 5px 20px #17213322;z-index:20;font-size:13px;max-width:90vw}.toast.error-toast{background:#a32f42}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.wallpaper-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){main{padding:30px 25px}.sidebar{width:190px;padding-inline:12px}main{margin-left:190px}.wallpaper-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools select{width:125px}.metrics .metric{padding-left:17px}}@media(max-width:720px){.sidebar{position:static;width:100%;padding:14px 16px 0;gap:12px;border-right:0;border-bottom:1px solid #e7e9ee}.brand{margin:0;font-size:14px}.brand small{display:none}.brand-mark{width:30px;height:30px;font-size:17px}.sidebar nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:10px}.nav-button{width:auto;padding:8px 12px;white-space:nowrap;font-size:12px}.nav-button span{display:none}.sidebar-bottom{position:absolute;top:15px;right:17px;padding:0;border:0;gap:15px}.sidebar-bottom>span{display:none}main{margin:0;padding:24px 18px}.page-header{margin-bottom:22px}.page-header h1{font-size:23px}.eyebrow{font-size:10px;margin-bottom:8px}.primary{padding:10px 14px;font-size:12px}.metrics{padding:17px 0;gap:5px;margin-bottom:20px}.metrics .metric{padding-left:10px}.metric .value{font-size:23px}.metric .label{font-size:10px}.tools{flex-wrap:wrap;gap:8px}.search-label{max-width:none;flex:1 1 100%}.tools select{flex:1;width:auto}.tools button{margin-left:0;font-size:12px}.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.work-title{flex-wrap:wrap}.work-title strong{flex-basis:65%}.work-actions{gap:10px}.work-actions .quiet{font-size:11px}.image-list{grid-template-columns:repeat(4,minmax(0,1fr))}.dialog-header{padding:19px}.editor-body{padding:20px}.dialog-footer{padding:15px 20px}.two-columns{gap:13px}.pagination{gap:10px}.settings-form{gap:20px}}@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}