body{display:flex;justify-content:center;background-color:#cbcbcb}#uploader-wrapper{width:95%;max-width:1800px;margin:20px auto;font-family:system-ui,-apple-system,sans-serif;border:2px solid #ddd;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,8%);background:#fff;overflow:hidden;transition:all .4s ease;position:relative}.form-shrunk{transform:scale(.85);filter:blur(4px);pointer-events:none}#title-page-section{padding:25px 30px;background:#fdfdfd;border-bottom:2px solid #eee;display:flex;align-items:center;gap:25px}.title-label{font-weight:700;color:#444;width:100px;font-size:.9rem;text-transform:uppercase}input[name=page_title]{width:350px;padding:12px;border:2px solid #007bff;border-radius:8px;font-size:1rem;font-weight:600;outline:none}#history-sidebar{position:fixed;left:-340px;top:0;width:300px;height:100%;background:#1e1e1e;color:#f8f9fa;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);padding:25px;box-shadow:10px 0 30px rgba(0,0,0,.5);overflow-y:auto;box-sizing:border-box}#history-sidebar.open{left:0}.history-toggle{position:fixed;left:20px;bottom:20px;z-index:1001;background:#495057;color:#fff;border:1px solid #6c757d;box-shadow:0 4px 12px rgba(0,0,0,.2);padding:10px 15px;border-radius:50px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .2s ease}.history-toggle:hover{background:#212529;transform:translateY(-2px)}.history-item{background:#2d2d2d;border-radius:8px;padding:14px;margin-bottom:12px;font-size:.85rem;border-left:4px solid #007bff;transition:background .2s ease}.history-url{font-family:courier new,Courier,monospace;color:#adb5bd;font-size:.75rem;word-break:break-all;display:block;margin-top:5px;padding:4px;background:rgba(0,0,0,.2);border-radius:4px}.history-actions{margin-top:8px;display:flex;gap:8px}.hist-btn{background:#444;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:.7rem}.close-sidebar{background:#333;color:#fff;border:1px solid #444;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s ease}.close-sidebar:hover{background:#444;border-color:#007bff;color:#007bff}#history-sidebar.open~.history-toggle{opacity:0;pointer-events:none}.btn-copied{background-color:#28a745!important;border-color:#1e7e34!important;transform:scale(.98)}#info-section{background:#1a1a1a;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.stat-box{font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.stat-box b{color:#00d4ff;font-size:1.2rem}.upload-row{padding:12px 30px;border-bottom:1px solid #bbb;border-left:6px solid transparent;transition:all .2s ease}.row-success{border-left-color:#28a745!important;background-color:#f3faf4!important}.row-failed{border-left-color:#dc3545!important;background-color:#fff5f5!important}.row-main{display:flex;gap:10px;align-items:center}input[name="titles[]"]{width:300px;flex:none;padding:6px 10px;border:1px solid #ced4da;border-radius:6px;font-size:.85rem;background:#f8f9fa;color:#495057}input[type=url]{flex:1;padding:6px 10px;border:1px solid #007bff;border-radius:6px;font-family:courier new,Courier,monospace;background-color:#fff;color:#333;outline:none;transition:box-shadow .2s ease}input[type=url]:focus{box-shadow:0 0 0 3px rgba(0,123,255,.15);border-color:#0056b3}input[type=url]::placeholder{color:#adb5bd;font-family:system-ui,sans-serif}.row-main{display:flex;gap:15px;align-items:center}.remove-btn{background:#ff4d4d;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700}.info-stack{border-left:2px solid #eee;padding-left:10px;margin-bottom:5px}.preview-metadata{display:flex;align-items:center;gap:8px;padding:4px 0;background-color:initial;border:none;margin-top:4px;font-size:.75rem;color:#666}.preview-metadata span:first-child{font-weight:700;text-transform:uppercase;font-size:.65rem;letter-spacing:.5px;color:#999;display:flex;align-items:center;gap:5px}.preview-metadata span:first-child::before{content:"";width:6px;height:6px;background-color:#007bff;border-radius:50%;display:inline-block}.preview-metadata .no-preview{color:#adb5bd;font-style:italic}.preview-metadata::-webkit-scrollbar{height:4px}.preview-metadata::-webkit-scrollbar-thumb{background:#f08c00;border-radius:10px}.preview-icon{width:14px;height:14px;border-radius:2px}.msg-inline-error{font-size:.75rem;color:#dc3545;font-weight:600;margin-left:5px;display:flex;align-items:center}.metadata{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-height:28px}.meta-tag{font-size:.65rem;padding:2px 6px;border-radius:3px;background:#f1f3f5;border:1px solid #e9ecef;color:#495057}.tag-verified{background-color:#e7f5ff;color:#1971c2;border:1px solid #a5d8ff;font-weight:700;text-transform:uppercase}.tag-permanent{background-color:#ebfbee!important;border-color:#28a745!important;color:#28a745!important}.tag-temporary{background-color:#fff9db!important;border-color:#f08c00!important;color:#f08c00!important}.tag-error{background-color:#fff5f5;border:1px solid #dc3545;color:#dc3545;font-weight:500;white-space:nowrap;padding:2px 5px}.tag-error:contains("DUPLICATE"){background-color:#fff4e6;border-color:#fd7e14;color:#fd7e14}.spinner{width:10px;height:10px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #007bff;border-radius:50%;animation:spin .8s linear infinite;margin-right:5px}.token-container{display:flex;justify-content:center;padding:25px;background:#fff;border-top:1px solid #eee}.token-field{width:400px;text-align:center;padding:4px;border:1px solid #ced4da;color:#495057;background-color:#f8f9fa;font-weight:500;border-radius:8px;outline:none;transition:all .2s ease-in-out}.token-field:focus{border-color:#007bff;background-color:#fff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.token-field::placeholder{color:#adb5bd;font-weight:400}.token-field.is-invalid{border-color:#dc3545!important;color:#dc3545!important;background-color:#fff5f5}.status-msg{font-weight:700;font-size:.75rem;margin-left:10px;padding:2px 8px;border-radius:4px}.status-msg.ok{color:#28a745;border:1px solid #28a745}.status-msg.err{color:#dc3545;border:1px solid #dc3545;background:#fff}.btn-group{padding:20px 30px;background:#f8f9fa;display:flex;justify-content:center;gap:15px}.btn{padding:12px 28px;border:none;border-radius:6px;cursor:pointer;font-weight:600;text-transform:uppercase;font-size:.8rem}.btn-upload{background:#007bff;color:#fff!important;width:100%;max-width:400px;padding:14px 28px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-upload:hover{background:#0056b3;box-shadow:0 4px 12px rgba(0,86,179,.3)}.btn-upload.btn-ready{background:#28a745!important;color:#fff!important;box-shadow:0 0 20px rgba(40,167,69,.4)}.btn-upload.btn-ready:hover{background:#218838!important;transform:translateY(-2px)scale(1.02)}.btn-ready{animation:pulse-ready 2s infinite}@keyframes pulse-ready{0%{box-shadow:0 0 rgba(40,167,69,.4)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 rgba(40,167,69,0)}}#modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:100;align-items:center;justify-content:center}#success-modal{width:100%;background:#fff;padding:50px 0;text-align:center;box-shadow:0 10px 50px rgba(0,0,0,.4)}.url-box{display:inline-block;padding:15px 40px;background:#f8f9fa;border:2px dashed #007bff;border-radius:8px;font-weight:700;margin:20px 0;font-family:monospace;font-size:1.5rem;color:#007bff}.btn-home{background:#6c757d;color:#fff;padding:8px 20px;font-size:.7rem;opacity:.8;margin-top:20px}.counter{width:30px;font-weight:700;color:#999}.selection-group{display:flex;gap:12px;margin:0 15px;align-items:center;border-left:1px solid #ddd;padding-left:15px}.selection-label{font-size:.75rem;font-weight:700;color:#555;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;transition:background .2s}.selection-label:hover{background:#f0f0f0}.upload-row:has(.cb-left:checked),.upload-row:has(.cb-right:checked){background-color:#fffdec;border-left-color:gold}.upload-row:has(.cb-left:checked){border-left:6px solid #007bff!important;background-color:#f0f7ff}.upload-row:has(.cb-right:checked){border-left:6px solid #ffc107!important;background-color:#fffdec}.selection-label:has(input:checked){background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border:1px solid #ddd}#toolbar-section{padding:10px 30px;background:#f1f1f1;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:20px}.toolbar-item{display:flex;align-items:center}.toggle-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;user-select:none}.toggle-container input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#007bff}.toggle-container:hover{color:#333}.toggle-container:has(input:disabled){cursor:not-allowed;filter:grayscale(1);position:relative}.toggle-container:has(input:disabled):hover::after{content:attr(title);position:absolute;bottom:100%;left:0;background:#333;color:#fff;padding:5px;font-size:.6rem;border-radius:4px;white-space:nowrap;z-index:10}.label-note{font-size:.65rem;color:#888;text-transform:none;font-weight:400;margin-top:2px;opacity:.6;margin-left:5px;font-weight:400}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#00d4ff;animation:spin .8s linear infinite;vertical-align:middle;margin-right:8px}.upload-row.is-loading{background:rgba(0,212,255,5%);transition:background .3s ease}