:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#171717;background:#f5f3ef;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 12% 8%,#fff 0,transparent 32%),#f3f1ed}.shell{max-width:1180px;margin:auto;padding:42px 22px 80px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow,.step{font-size:11px;letter-spacing:.18em;color:#e14455;font-weight:800;margin:0 0 6px}h1{font-size:42px;line-height:1;margin:0;letter-spacing:-.04em}h2{margin:0;font-size:20px}.subtitle{margin:10px 0 0;color:#777}.status{font-size:13px;background:#fff;border:1px solid #e4e0da;border-radius:999px;padding:9px 14px;box-shadow:0 6px 20px #281d1510}.status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#32b76c;margin-right:8px}.card{background:#fff;border:1px solid #e7e3dc;border-radius:20px;box-shadow:0 18px 55px #33291e0b}.login-card{max-width:430px;margin:70px auto;padding:30px}.login-card p{color:#777}.workspace{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:20px}.hidden{display:none}.composer,.task-panel{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title .step{margin:0}.section-title>span{font-size:12px;color:#777}label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}label small{float:right;color:#999;font-weight:500}input,textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #dedbd5;border-radius:11px;background:#faf9f7;font:inherit;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#e14455;box-shadow:0 0 0 3px #e1445518;background:#fff}textarea{resize:vertical}button{border:0;border-radius:11px;padding:12px 16px;background:#171717;color:#fff;font-weight:750;cursor:pointer;transition:.2s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.ghost{background:#f1efeb;color:#333;padding:8px 12px}.upload-zone{border:1.5px dashed #d8d3ca;border-radius:14px;padding:22px;text-align:center;cursor:pointer;background:#faf9f7}.upload-zone strong,.upload-zone span{display:block}.upload-zone strong{color:#e14455;margin-bottom:5px}.upload-zone span{font-size:11px;color:#8b8882;font-weight:500}.previews{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-4px 0 18px}.preview{aspect-ratio:1;position:relative}.preview img{width:100%;height:100%;object-fit:cover;border-radius:10px}.preview button{position:absolute;right:4px;top:4px;width:23px;height:23px;border-radius:50%;padding:0;background:#111b;font-size:12px}.composer>form>button{width:100%;background:#e14455}.tasks{display:flex;flex-direction:column;gap:12px;max-height:690px;overflow:auto}.task{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:14px;border:1px solid #ebe8e2;border-radius:14px}.thumbs{position:relative;width:70px;height:70px}.thumbs img{width:70px;height:70px;object-fit:cover;border-radius:10px}.thumbs span{position:absolute;right:4px;bottom:4px;background:#111c;color:#fff;border-radius:999px;padding:1px 7px;font-size:10px}.task h3{font-size:15px;margin:1px 0 5px}.task p{font-size:12px;color:#777;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{margin-top:8px;font-size:11px;color:#aaa}.task-side{text-align:right;min-width:110px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;background:#eee}.badge.pending{background:#fff1c9;color:#8b6200}.badge.published{background:#daf5e4;color:#17753b}.badge.failed,.badge.cancelled{background:#ffe0e3;color:#a02734}.badge.assigned,.badge.downloaded,.badge.ready_for_confirmation,.badge.publishing{background:#dfeaff;color:#315a9b}.actions{margin-top:15px}.actions button{font-size:10px;padding:5px 8px;background:#f2f0ed;color:#555}.empty{text-align:center;color:#aaa;padding:70px 20px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#171717;color:#fff;border-radius:10px;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.workspace{grid-template-columns:1fr}.shell{padding:24px 14px 60px}header{align-items:start}.status{display:none}h1{font-size:34px}.task{grid-template-columns:58px 1fr}.thumbs,.thumbs img{width:58px;height:58px}.task-side{grid-column:2;text-align:left}.actions{display:inline;margin-left:8px}}
select{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #dedbd5;border-radius:11px;background:#faf9f7;font:inherit;outline:none}.device-hint{display:block;margin-top:6px;color:#999;font-size:11px;font-weight:500}
.library-panel{grid-column:1/-1;padding:24px}.import-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.import-grid label{margin:0}.import-grid button{height:46px;background:#e14455}.import-help{margin:12px 0 20px;color:#777;font-size:12px}.import-help code{background:#f3f0ec;border-radius:5px;padding:2px 5px}.library-toolbar{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #eee9e2}.library-toolbar .check-all{display:flex;gap:8px;align-items:center;margin:0}.library-toolbar .check-all input,.library-check{width:auto;margin:0}.library-list{display:flex;flex-direction:column;gap:10px}.library-item{display:grid;grid-template-columns:auto 64px minmax(220px,1fr) minmax(220px,310px);gap:14px;align-items:center;padding:13px;border:1px solid #ebe8e2;border-radius:14px}.library-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px}.library-copy h3{font-size:15px;margin:0 0 5px}.library-copy p{font-size:12px;color:#777;margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-code{color:#e14455;font-size:11px;font-weight:800}.library-stats{font-size:11px;color:#aaa;margin-top:6px}.library-device{margin:0}.library-list>.empty{padding:36px 20px}@media(max-width:800px){.library-panel{grid-column:auto}.import-grid{grid-template-columns:1fr}.library-item{grid-template-columns:auto 52px 1fr}.library-thumb{width:52px;height:52px}.library-device{grid-column:2/4}.library-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.library-toolbar button{width:100%}}