.occ-panel{position:fixed;inset:80px 24px 24px 260px;z-index:180;background:#fff;border:1px solid #dedbd6;border-radius:20px;box-shadow:0 20px 80px #0003;padding:24px;overflow:auto;color:#222}.occ-panel header,.occ-panel nav,.occ-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.occ-panel header{justify-content:space-between}.occ-panel h2{margin:0;font-size:25px}.occ-panel nav{margin:20px 0}.occ-panel button,.occ-panel select,.occ-panel input{font:inherit;border:1px solid #d5d1ca;border-radius:10px;padding:10px;background:#fff}.occ-panel button{cursor:pointer}.occ-panel button:hover{border-color:#e00}.occ-panel details{padding:16px;border:1px solid #e4dfd7;border-radius:12px;margin:12px 0}.occ-panel summary{font-weight:700;cursor:pointer}.occ-panel label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.occ-panel input[type=checkbox]{width:18px;height:18px;accent-color:#e00}.occ-panel label input[type=number]{width:140px}.occ-panel .occ-job{border:1px solid #e4dfd7;border-left:5px solid #e00;padding:20px;border-radius:14px;margin:18px 0}.occ-panel .occ-file{display:inline-block;padding:10px 14px;color:#b90000;margin:5px;border:1px solid #efcbc4;border-radius:8px}.occ-actions{margin-top:16px}.occ-actions input{max-width:160px}.occ-panel .occ-error{color:#b90000;white-space:pre-wrap}.occ-paid-notice{position:fixed;right:24px;bottom:85px;z-index:175;border:0;background:#e00;color:#fff;box-shadow:0 10px 32px #0003;border-radius:16px;padding:22px;font:700 18px Arial;max-width:400px;cursor:pointer}#online-copycenter-open{font-weight:700;border-color:#e00;color:#b90000}.occ-panel[hidden],.occ-paid-notice[hidden],#online-copycenter-open[hidden]{display:none!important}@media(max-width:800px){.occ-panel{inset:65px 8px 12px;padding:18px}.occ-panel h2{font-size:21px}.occ-panel header{gap:8px}.occ-paid-notice{right:12px;left:12px;bottom:80px;max-width:none;font-size:16px}.occ-panel .occ-actions{align-items:stretch;flex-direction:column}.occ-panel .occ-actions input{max-width:none}}