.crop-upload-backdrop{z-index:1000;background:#060a12c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.crop-upload-panel{color:#e8eef7;background:#0f1730;border:1px solid #22315c;border-radius:14px;width:min(720px,100%);max-height:90vh;padding:24px;font-family:inherit;overflow-y:auto}.crop-upload-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.crop-upload-head h3{color:#e8eef7;margin:0;font-size:1.1rem}.crop-upload-close{color:#8b9bb4;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.6rem;line-height:1}.crop-upload-close:hover{color:#e8eef7}.crop-upload-crop-area{background:#05070d;border-radius:10px;width:100%;height:360px;position:relative;overflow:hidden}.crop-upload-controls{grid-template-columns:1fr 1fr;gap:0 16px;margin-top:14px;display:grid}.crop-upload-field{flex-direction:column;gap:6px;margin-top:14px;display:flex}.crop-upload-field span,.crop-upload-field>label:first-child{color:#9db4d8;letter-spacing:.03em;font-size:.82rem;font-weight:600}.crop-upload-field input[type=text],.crop-upload-field select{color:#e8eef7;background:#0a1226;border:1px solid #22315c;border-radius:8px;width:100%;padding:9px 11px;font-size:.95rem}.crop-upload-field input[type=file]{color:#b6c2d4;background:#0a1226;border:1px dashed #22315c;border-radius:8px;padding:8px}.crop-upload-field input:focus,.crop-upload-field select:focus{border-color:#4da3ff;outline:none;box-shadow:0 0 0 3px #0069cb33}.crop-upload-hint{color:#6f86ab;margin:0;font-size:.8rem;line-height:1.45}.crop-upload-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.crop-upload-btn{color:#e8eef7;cursor:pointer;background:0 0;border:1px solid #22315c;border-radius:8px;padding:10px 18px;font-size:.9rem}.crop-upload-btn:hover:not(:disabled){background:#1a2947;border-color:#4da3ff}.crop-upload-btn:disabled{opacity:.55;cursor:not-allowed}.crop-upload-btn--primary{color:#fff;background:#0069cb;border-color:#0069cb;font-weight:600}.crop-upload-btn--primary:hover:not(:disabled){background:#4da3ff;border-color:#4da3ff}.crop-upload-btn--danger{color:#ff9db4;background:0 0;border-color:#6b2440}.crop-upload-btn--danger:hover:not(:disabled){background:#2a1220;border-color:#b4426b}.crop-upload-note{font-size:.85rem}.crop-upload-note--error{color:#ff9db4}@media (max-width:600px){.crop-upload-controls{grid-template-columns:1fr}}
.article-image-slot{position:relative}.article-image-edit-btn{z-index:2;color:#e8eef7;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c121fd1;border:1px solid #2c3f66;border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;position:absolute;top:12px;right:12px}.article-image-edit-btn:hover{color:#4db8ff;border-color:#4db8ff}.article-image-upload-btn{color:#4db8ff;cursor:pointer;background:#0096fa1f;border:1px solid #0096fa59;border-radius:999px;margin-top:12px;padding:9px 18px;font-size:.85rem;font-weight:600}.article-image-upload-btn:hover{background:#0096fa33}