:root{--burg:#651b19;--red:#9b2b23;--orange:#ef7335;--gold:#edb76b;--ink:#302220;--muted:#817675;--paper:#fffdfa;--milk:#fbf4ed;--line:#eee1d5;--shadow:0 14px 48px rgba(92,36,23,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;background:#faf6f1;color:var(--ink);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f9ae47;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.44}a{color:inherit}h1,h2,h3,p{margin-top:0}.shell{min-height:100vh}.mast{background:linear-gradient(112deg,#591818,#8c2520 64%,#b34b22);color:#fff;padding:22px clamp(20px,4vw,64px);position:relative;overflow:hidden}.mast:after{content:'◉';position:absolute;right:5%;top:-102px;font-size:340px;color:#ffffff0a;pointer-events:none}.mastInner{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.brand{display:flex;gap:13px;align-items:center}.brandIcon{height:48px;width:48px;object-fit:cover;border-radius:13px;box-shadow:0 5px 20px #3100006b}.brand strong{display:block;font-size:20px;letter-spacing:1px}.brand small{color:#f1c8a3;font-size:11px;letter-spacing:2px}.back{border:1px solid #ffffff48;border-radius:30px;color:#ffe7d1;text-decoration:none;padding:9px 15px;white-space:nowrap;background:#ffffff0f}.hero{max-width:1500px;margin:30px auto 22px;padding:0 30px;display:flex;gap:25px;justify-content:space-between;align-items:flex-end}.eyebrow{color:#c06d39;font-weight:800;font-size:11px;letter-spacing:2.2px;text-transform:uppercase}.hero h1{font-size:clamp(30px,3.8vw,52px);letter-spacing:-1.6px;margin:6px 0 12px;line-height:1.18;color:#421f1b}.hero p{color:#786d6a;margin:0;line-height:1.8}.heroTag{background:#fff1e1;padding:12px 16px;border:1px solid #f2d8bc;border-radius:20px;color:#8d4c2c;font-size:12px;max-width:280px}.bodywrap{max-width:1500px;margin:auto;padding:0 30px 80px}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:24px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.libraryPanel{padding:22px}.panehead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panehead h2{font-size:19px;margin:0}.subtle{color:var(--muted);font-size:12px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.pill{border:1px solid #ebded2;background:#fff;border-radius:50px;padding:8px 14px;color:#65453b}.pill.active{background:#812a21;color:#fff;border-color:#812a21}.posterGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.posterCard{display:flex;flex-direction:column;border:1px solid #e9dfd5;border-radius:19px;background:#fff;overflow:hidden;text-align:left;padding:0;transition:.15s ease}.posterCard:hover{transform:translateY(-2px);box-shadow:0 12px 23px #45251c1c}.posterCard.active{outline:3px solid #d88449;outline-offset:0}.thumb{aspect-ratio:4/5;background:#f0dfcc;position:relative;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.flag{position:absolute;top:11px;left:11px;background:#fff9eeec;border-radius:7px;padding:4px 9px;font-size:11px;color:#9d4f24;font-weight:750}.posterMeta{padding:12px 13px 15px}.posterMeta b{display:block;font-size:13px;margin-bottom:5px}.posterMeta small{color:var(--muted)}.editor{position:sticky;top:16px;overflow:hidden}.editorTop{background:#fffaf4;border-bottom:1px solid var(--line);padding:18px 20px}.editorTop h2{font-size:18px;margin:0 0 3px}.editorBody{padding:16px 19px 22px}.canvasOuter{background:repeating-conic-gradient(#e4d8d0 0% 25%,#f5ece7 0% 50%) 50%/20px 20px;border-radius:14px;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:220px;max-height:480px}.canvasOuter canvas{max-height:460px;max-width:100%;width:auto;height:auto;display:block}.help{font-size:12px;line-height:1.7;color:var(--muted)}.warn{border-radius:13px;background:#fff5e6;border:1px solid #f3ddc1;padding:11px 13px;color:#895333;font-size:12px;line-height:1.7}.control{margin-top:15px}.control label{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#5f4d48}.inputFile{display:block;width:100%;padding:13px;background:#fff;border:1px dashed #d4a580;border-radius:12px;cursor:pointer;color:#744f3c;font-size:13px}.inputFile input{display:none}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(106deg,#d6512d,#fa9347);border:0;border-radius:13px;padding:13px 16px;color:#fff;font-weight:800;min-height:47px;box-shadow:0 7px 18px #e77a4337}.btn.alt{background:#fff6ec;color:#8e3429;border:1px solid #efd7c5;box-shadow:none}.btn.text{background:transparent;box-shadow:none;color:#97452a;border:1px solid #eadccf}.twobtn{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rangeLine{display:flex;align-items:center;gap:12px}.rangeLine input{width:100%;accent-color:#c7552a}.rangeLine output{font-size:12px;min-width:36px;text-align:right;color:#9c5e36}.check{display:flex;align-items:center;gap:8px;color:#594842;font-size:12px}.check input{accent-color:#ab4729}.divider{height:1px;background:var(--line);margin:18px 0}.empty{text-align:center;padding:60px 22px;color:var(--muted)}.empty h3{color:#56352b}.manageHint{margin-top:26px;border:1px solid #e7dacd;border-radius:20px;padding:20px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#fff7ec,#fff)}.manageHint strong{font-size:16px}.manageHint a{text-decoration:none;color:#9c3e2d;font-weight:750;white-space:nowrap}.foot{text-align:center;color:#9c8c81;font-size:12px;margin:24px 0 0}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.badge{display:inline-flex;padding:5px 10px;border-radius:20px;background:#fff1df;color:#a7582c;font-size:11px;font-weight:800}.hidden{display:none!important}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#4b2923;color:#fff;padding:11px 20px;border-radius:12px;box-shadow:0 15px 25px #0002;opacity:0;pointer-events:none;z-index:999;transition:.22s}.toast.on{opacity:1}.group{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12px;color:#75635c;font-weight:750}.field input,.field select{border-radius:12px;border:1px solid #e4d6c9;background:#fff;padding:11px 12px;min-width:0;width:100%;outline-offset:3px}.field input:focus,.field select:focus{outline:2px solid #df8b54}.publisherLayout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px}.publishForm{padding:23px}.publishList{padding:18px}.publishItem{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0;cursor:pointer}.publishItem.active{border-color:#d88043;background:#fff9ef}.miniThumb{width:48px;height:66px;object-fit:cover;border-radius:8px;background:#e6d3c2}.uploadBtn{display:block;border:2px dashed #dbad84;background:#fff7ee;border-radius:15px;text-align:center;padding:22px 14px;cursor:pointer;color:#83422f;font-weight:750}.uploadBtn input{display:none}.slotLayer{position:absolute;border:3px dashed #fff;background:#ed843d70;outline:2px dashed #b33a18;box-shadow:0 0 0 5000px #0000001a;cursor:grab;touch-action:none}.slotLayer:active{cursor:grabbing}.slotEditor{position:relative;display:inline-block;max-width:100%;max-height:520px;line-height:0}.slotEditor img{max-height:520px;max-width:100%;display:block;object-fit:contain}.error{color:#ba2f24;font-size:12px;min-height:18px}.miniBtn{border:1px solid #efdfd0;border-radius:9px;background:#fff;padding:8px 11px;color:#7b3d30}.miniBtn.danger{color:#bd352c}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f6efe5;border-radius:8px;padding:2px 6px;font-size:12px}
@media(max-width:1110px){.layout{grid-template-columns:minmax(0,1fr) 360px}.posterGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.hero{padding:0 17px;align-items:start}.bodywrap{padding:0 14px 70px}.layout,.publisherLayout{grid-template-columns:1fr}.editor{position:static}.posterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorBody{padding:16px}.manageHint{display:block}.manageHint a{display:inline-block;margin-top:10px}.publisherLayout{gap:16px}.mast{padding:14px 18px}.brand strong{font-size:16px}.brandIcon{width:40px;height:40px}.hero{margin:22px auto 17px}.heroTag{display:none}.canvasOuter{max-height:480px}.canvasOuter canvas{max-height:460px}}
@media(max-width:410px){.posterGrid{gap:10px}.libraryPanel{padding:14px}.posterMeta{padding:10px}.posterMeta b{font-size:12px}.panehead h2{font-size:17px}.pill{padding:7px 10px;font-size:12px}.mast .back{font-size:11px;padding:6px 10px}.hero h1{font-size:30px}.twobtn{grid-template-columns:1fr}.group{grid-template-columns:1fr}}

.saveOverlay{position:fixed;inset:0;z-index:1001;background:#220b0bd9;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:28px 12px}.savePanel{width:min(520px,100%);background:#fffaf5;border-radius:19px;padding:18px}.savePanel img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 12px 32px #0002;user-select:auto;-webkit-touch-callout:default}.savePanel .panehead{margin-bottom:4px}